【问题标题】:How to disable mousewheel panning in javascript/jquery?如何在 javascript/jquery 中禁用鼠标滚轮平移?
【发布时间】:2018-03-26 19:37:28
【问题描述】:

我有一个 div,里面有

.A {
    max-height:100px;
    overflow-y: hidden;
}

我不希望它滚动。但是我注意到用户仍然可以使用鼠标滚轮向下单击,然后向上或向下移动鼠标并模拟滚动。 div 框上下移动。如何禁用此功能?

https://jsfiddle.net/2aoeyfbL/

谢谢

【问题讨论】:

  • div有内容,内容像垂直滚动条一样上下滚动。
  • 我添加了一个也有问题的小提琴。
  • 我看不到问题。我无法在 div 内滚动,即使使用鼠标的中间滚轮
  • 我无法在 fiddel 上滚动
  • 这有点棘手,但你必须用鼠标滚轮点击,然后将鼠标移动到 div 的左侧和 div 的外部,然后向上或向下。

标签: javascript jquery html scroll mousewheel


【解决方案1】:

这似乎一直有效,即使在 div 中有输入框时按 Tab 也是如此。

$('.A').bind("scroll", function(e) {
    this.scrollTop = 0;
});

【讨论】:

    【解决方案2】:

    固定div的位置

    .A {
        max-height:100px;
        overflow-y: hidden;
        position:fixed;
    }
    

    【讨论】:

    • 这会弄乱页面的其余部分。我只希望这会影响.A 标签。
    • 默认溢出来自body。如果不隐藏body的溢出,则始终出现默认溢出。body是div的父级。
    • .A { 最大高度:100px;溢出-y:隐藏;位置:固定; }
    猜你喜欢
    • 2011-10-05
    • 1970-01-01
    • 2014-07-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-02-01
    相关资源
    最近更新 更多