具体也说不明白,你们可以随便在百度搜索一个图片,点开一个,看右边的滚动缩略图,就是不用点网页下边的分页,直接用鼠标滚轮  就可以滚动查看所有图片的缩略图。  这个功能是怎么实现的? 求高手指点一下。  

解决方案 »

  1.   

    可以参考一下这里的方法鼠标滚轮控制,就是通过鼠标滚轮滚动来控制滑块的滑动。
    首先ie绑定滚轮事件用的是mousewheel,ff用的是DOMMouseScroll,所以在WheelBind绑定鼠标滚轮程序中是这样设置的:addEventHandler(o, isIE ? "mousewheel" : "DOMMouseScroll", BindAsEventListener(this, this.WheelCtrl));接着看WheelCtrl鼠标滚轮控制程序,通过event的detail属性可以获取鼠标滚动的距离(值大小)和方向(正负)。
    利用它来设置要滑动的位置:var i = this.WheelSpeed * e.detail;
    this.SetPos(this.Bar.offsetLeft + i, this.Bar.offsetTop + i);但ie没有detail,对应的有wheelDelta,wheelDelta的数值刚好是detail的40倍,而且方向相反(正负相反),所以Event程序中是这样给window.event添加detail的:oEvent.detail = oEvent.wheelDelta / (-40);为了防止触发其他滚动条,这里用了preventDefault取消默认动作。
    注意不是用取消冒泡(貌似滚屏是事件的默认动作)。
      

  2.   

    http://www.cnblogs.com/cloudgamer/archive/2009/07/07/FixedTips.html