javascript - 覆盖浏览器滚动行为？

Question

我有一个用户界面的想法，需要覆盖浏览器的滚动功能，这样我就可以为滚动操作创建自己的行为。

有没有办法防止用户滚动时窗口滚动？

Answer 1

你可以试试这个

​$(window).scroll(function() {
   $(this).scrollTop(0);
});​​

演示

Answer 2

您可以尝试使用jQuery Scrollbar库，它需要：

1. jQuery（版本 1.6+）
2. jQuery UI 小部件（用于小部件工厂）

您可以在此处下载该库：https ://github.com/Naeka/jquery-scrollbar 。这是一个演示。

以下是滚动条的选项：

$("#scroll").scrollbar({
    classes: '',         // Extra classes for css styling
    wheel: 40,           // Scroll offset on mousewheel
    scroll: true,        // Allow / disallow mouse scrolling
    overlay: true,       // Scrollbars are overlaid
    autohide: true,      // Scrollbars are automatically hidden
    animate: {           // Scroll wheel animation - set to false to disable
        duration: 300,
        easing: 'swing'
    }
});

您可以滚动到特定事件页面中的特定 ID：

$("#scroll").scrollbar("scrollTo", "#p");

以下是 scrollTo 使用的更多选项：

scrollTo([offsetX, offsetY])
scrollTo(selector)
scrollTo(jQuery object)