javascript - 检测溢出 :hidden page? 中的滚动尝试

标签 javascript jquery css

我想检测用户何时试图在我的页面上向上或向下滚动,但由于我不想允许实际滚动,所以我设置了一个 overflow:hidden body。代码是这样的:

$('html,body').css('overflow','hidden');
$(window).scroll(function(event){
    console.log("scroll");
});

问题是因为没有实际的滚动我无法触发事件,我考虑过删除溢出样式并以某种方式防止滚动但我不知道该怎么做。

无论如何,有没有办法在检测滚动尝试时修复滚动?谢谢

最佳答案

尝试使用 jQuery 鼠标滚轮 https://github.com/brandonaaron/jquery-mousewheel .您可以检测鼠标滚轮的移动。另一种选择是不将溢出设置为隐藏,而是捕获滚动尝试并自己滚动它们。还有一堆JS滚动的库,我喜欢http://manos.malihu.gr/jquery-custom-content-scroller/ .

关于javascript - 检测溢出 :hidden page? 中的滚动尝试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18748042/

相关文章:

javascript - simpleCart JS View 购物车在一列中显示所有商品信息。如何设计输出样式?

javascript - 让点击内部div不调用外部div的onClick函数

javascript - 24 小时格式的日期范围选择器

php - 如何从 php 获取输出到 typeahead?

jquery - JQuery 中闪烁效果的动画颜色变化

HTML CSS 主体自动调整大小

css - 使用百分比设置div宽度而不限制父div宽度

javascript - 意外的 token ,尝试生成动态组件时应为 ","

php - 使 jquery 片段以 IP 为条件

css - 在 CSS 中指定相对于父 DIV 的精确百分比宽度