Javascript 劫持windows滚动条

Javascript 劫持windows滚动条,javascript,html,Javascript,Html,这似乎是一个奇怪的问题,但我需要知道是否有可能劫持窗口滚动条,这样当用户滚动它时,它就不会滚动页面。我想写一些js,当用户滚动窗口滚动条时,它会滚动一个div。我可以写js来检测滚动条和多少div动画等,但不确定如何劫持窗口滚动条并阻止它滚动窗口这是可能的吗?而不是试图“劫持”浏览器窗口,您可以尝试其他一些方法,例如: [css]: html,正文{ 溢出:无; } [javascript]: window.addEventListener('DOMMouseScroll',onScrol

这似乎是一个奇怪的问题,但我需要知道是否有可能劫持窗口滚动条,这样当用户滚动它时,它就不会滚动页面。我想写一些js,当用户滚动窗口滚动条时,它会滚动一个div。我可以写js来检测滚动条和多少div动画等,但不确定如何劫持窗口滚动条并阻止它滚动窗口这是可能的吗?

而不是试图“劫持”浏览器窗口,您可以尝试其他一些方法,例如:

[css]:

html,正文{
溢出:无;
}
[javascript]:

window.addEventListener('DOMMouseScroll',onScroll,false);
window.onmouseheel=函数onScroll(事件){
//使用“事件”区分向上或向下
//您可以确定滚动的方式
//你想要的那张唱片。
}

[javascript(未测试)]:

window.addEventListener('DOMMouseScroll',onMouseWheel,false);
window.onmouseheel=document.onmouseheel=onmouseheel;//即
MouseWheel上的函数(事件){
event.stopPropagation();
event.preventDefault();
event.cancelBubble=true;
//使用“事件”区分向上或向下
//您可以确定滚动的方式
//你想要的那张唱片。
返回false;
}
您可以尝试多种其他方法,而不是试图“劫持”浏览器窗口,例如:

[css]:

html,正文{
溢出:无;
}
[javascript]:

window.addEventListener('DOMMouseScroll',onScroll,false);
window.onmouseheel=函数onScroll(事件){
//使用“事件”区分向上或向下
//您可以确定滚动的方式
//你想要的那张唱片。
}

[javascript(未测试)]:

window.addEventListener('DOMMouseScroll',onMouseWheel,false);
window.onmouseheel=document.onmouseheel=onmouseheel;//即
MouseWheel上的函数(事件){
event.stopPropagation();
event.preventDefault();
event.cancelBubble=true;
//使用“事件”区分向上或向下
//您可以确定滚动的方式
//你想要的那张唱片。
返回false;
}

o.o这很奇怪。我建议将不应该滚动的内容放置在
位置:fixed
不可能“劫持”它,但可以使用
position:fixed
在页面上定位元素,这样它们就不会滚动。要想提供更多信息而不了解您正在尝试做的事情是不可能的。只需提一下:有很多现有的脚本用于此目的,但在启用动量时,几乎没有一个脚本能够与流行的魔术鼠标配合使用。它们都很烂。@Radek:魔法鼠标什么时候流行起来的?@x3ro自从第一次问世以来。这在某种程度上适用于任何苹果产品。:)o、 这很奇怪。我建议将不应该滚动的内容放置在
位置:fixed
不可能“劫持”它,但可以使用
position:fixed
在页面上定位元素,这样它们就不会滚动。要想提供更多信息而不了解您正在尝试做的事情是不可能的。只需提一下:有很多现有的脚本用于此目的,但在启用动量时,几乎没有一个脚本能够与流行的魔术鼠标配合使用。它们都很烂。@Radek:魔法鼠标什么时候流行起来的?@x3ro自从第一次问世以来。这在某种程度上适用于任何苹果产品。:)两种方法都是更好的方法。我认为溢出方法非常简单…实际上它们都很好,两种方法都是更好的方法。我认为溢出方法非常简单…实际上它们都是,很棒的工作
<style>
html, body {
    overflow: none;
}
</style>
<script>
window.addEventListener('DOMMouseScroll', onScroll, false);
window.onmousewheel = function onScroll(event) {
    // Use "event" to distinguish between up or down
    // for which you determine which way to scroll
    // the particular div you want.
}
</script>
<script>
window.addEventListener('DOMMouseScroll', onMouseWheel, false);
window.onmousewheel = document.onmousewheel = onMouseWheel; // IE

function onMouseWheel(event) {
    event.stopPropagation();
    event.preventDefault();
    event.cancelBubble = true;

        // Use "event" to distinguish between up or down
        // for which you determine which way to scroll
        // the particular div you want.

    return false;
}
</script>