Javascript 在滚动条上禁用鼠标向下绑定事件
在站点上,如果我在文档上向下移动鼠标,立方体将根据用户移动鼠标的方向旋转 代码是:Javascript 在滚动条上禁用鼠标向下绑定事件,javascript,jquery,Javascript,Jquery,在站点上,如果我在文档上向下移动鼠标,立方体将根据用户移动鼠标的方向旋转 代码是: key code ... ).bind('mousedown touchstart', function (evt) { delete mouse.last; if ($(evt.target).is('a, iframe')) { return true; } evt.originalEvent.touches ? evt =
key code ...
).bind('mousedown touchstart', function (evt) {
delete mouse.last;
if ($(evt.target).is('a, iframe')) {
return true;
}
evt.originalEvent.touches ? evt = evt.originalEvent.touches[0] : null;
mouse.start.x = evt.pageX;
mouse.start.y = evt.pageY;
$(document).bind('mousemove touchmove', function (event) {
dragging = 1;
// Only perform rotation if one touch or mouse (e.g. still scale with pinch and zoom)
if (!touch || !(event.originalEvent && event.originalEvent.touches.length > 1)) {
event.preventDefault();
// Get touch co-ords
event.originalEvent.touches ? event = event.originalEvent.touches[0] : null;
$('.viewport').trigger('move-viewport', { x: event.pageX, y: event.pageY });
}
});
$(document).bind('mouseup touchend', function () {
dragging = 0;
$(document).unbind('mousemove touchmove');
});
});
完整代码
如果用户在滚动条上向下移动鼠标,我想禁用此事件-例如,在“ONSONPARLA”页面上有一个带有手风琴的选项卡,如果打开任何手风琴内容,就会在手风琴的边缘或内部看到一个滚动条,如果您尝试移动滚动条,这也会移动立方体
在cube.js中覆盖此内容的正确方法是什么,以便在事件位于滚动条元素上时立方体不会转动?不能以这种方式完成 但有另一种解决办法。使用一些自定义滚动条插件来替换经典的滚动条。你将能够防止发生在他身上的事件。我知道这不是一个很好的解决方案,但根据您的网页,您喜欢冒险。:) 你几乎找不到好的插件
好的插件示例是。这与您的问题完全无关,但只是一个友好的提示:不要在界面中使用旋转立方体之类的噱头。一个低调的界面,漂亮的排版和良好的配色方案比3D旋转更重要<代码>这一页伤害了我的感情:)如果你只是保持原来的低调界面,你真的学不到多少东西!当网站像那个例子一样无法使用时,你的访问者不会学到任何东西。