mousewheel事件

予怀 2014-05-07 05:37:36

高手赐教。

如何实现页面上内容随着鼠标滚动，然后侧边的标题栏随着滚动。可能会用到jquery 的mousewheel事件。

...全文

533 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

Onlyfu 2014-05-07

打赏
举报

回复

楼主要做的是支持鼠标滚轮的事件吗？如果是，可以用到它。鼠标滚轮的上下滚动会产生正负值，你可以通过这个值来判断是向上还是向下，然后来决定下面怎么做

Go 旅城通票 2014-05-07

打赏
举报

回复

去研究css的position:fixed

根本不用这个插件，IE6不支持fixed定义，需要用js+window.scroll来设置浮动absolute定位的标题的top样式

WPF_MouseWheel事件实例，这是一整套的实例，供新手挑选使用

1.使用方法很简单，仅仅把mousewheel绑定到指定元素上。示例代码如下： // using on $('#my_elem').on('mousewheel', function(event) { console.log(event.deltaX, event.deltaY, event.deltaFactor); }); // using the event helper $('#my_elem').mousewheel(function(event) { console.log(event.deltaX, event.deltaY, event.deltaFactor); }); 2.它提供了两个很有帮助事件mousewheel和unmousewheel来封装了滚轮的事件：使用方法如下： //绑定mousewheel事件 $('#my_elem').on('mousewheel', function(event) { console.log(event.deltaX, event.deltaY, event.deltaFactor); }); //解除mousewheel事件 $('#my_elem').unmousewheel(fn) 3.阻止事件冒泡，如果只想在某个元素上捕捉事件，而不想冒泡到document上，这样浏览器的滚动条就不会发生滚动了。事件代码如下： //阻止冒泡 $('#my_elem').on('mousewheel', function(event) { console.log(event.deltaX, event.deltaY, event.deltaFactor); return false; }); 4.获取滚动的方向,示例代码如下： if (delta > 0) o += ' up (' + delta + ')'; else if (delta 0) o += ' north (' + event.deltaY + ')'; else if (event.deltaY 0) o += ' east (' + event.deltaX + ')'; else if (event.deltaX < 0) o += ' west (' + event.deltaX + ')'; 5.可以通过event.deltaFactor获取滚动的距离，代码如下： $('#my_elem').on('mousewheel', function(event) { console.log(event.deltaFactor); return false; });

初识着色器基础，着色器材质怎么用，怎么使用着色器库） 11-常见渲染以及透明度问题 12-对象拾取以及拖拽（3d世界里面如何拖拽物体，拖拽的原理，mousemove mouseon等的事件效果） 13-世界坐标以及组的问题（什么是...

当需要制作转动鼠标滚轮放大页面字体这样的交互效果时，会用到 Mousewheel 事件。

冬至快乐^-^ 第一次上传资源，收一个积分当作纪念，意思意思犒劳一下劳动成果呗，不用积分也可以的，就在我CSDN博客里面拿资源哈^-^ vb6控件一般都不支持【鼠标滚轮滚动事件】，那么我们利用消息处理机制（Hook消息处理函数），给控件增加一个鼠标滚轮滚动事件。资源【VB6MouseWheel.zip】中包含VB6源码+示例exe。代码示例是给一个文本框text增加一个“响应鼠标滚轮滚动的事件”，前滚+1，后滚-1，并将值返回填回文本框。如果您想实现自己的效果，只需要更改事件“Private Sub txtNum_MouseWheel(ByVal Delta As Long, ByVal Button As Long, ByVal X As Long, ByVal Y As Long)”中的代码即可。

87,903

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章