javascript - jQuery:当我点击它时滚动条会粘住,导致它在我的鼠标没有按下时滚动。 (以 jsfiddle 为例)

标签 javascript jquery scrollbar scroll

http://jsfiddle.net/nicktheandroid/7raYa/9/

我的脚本允许我像 PDF 一样滚动页面,允许您捕获页面并向下或向上拖动。我的问题是,当我使用滚动条,然后从滚动条使用 mouseup 时,即使我的鼠标处于向上状态,滚动条也会随着我的鼠标上下滚动。因此,当单击滚动条时,就像我从未松开鼠标一样。我该如何解决这个问题?

谢谢!

最佳答案

我相信滚动条是页面的一部分,所以当您单击它时,它会让您的脚本相信鼠标已按下 - 您会注意到,在您通过单击滚动条进行 mouseup 后,页面继续向上移动并且向下,直到您单击。尝试在鼠标按下时抓取鼠标的坐标,并确保点击发生在页面内部(减去滚动条)

编辑:我是对的 - 这是更新后的 jsFiddle,它可以正常工作:http://jsfiddle.net/xDtVL/

关于javascript - jQuery:当我点击它时滚动条会粘住,导致它在我的鼠标没有按下时滚动。 (以 jsfiddle 为例),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4905990/

相关文章:

javascript - 屏蔽 UI JavaScript 导出事件

javascript - 如何使用在 React 初始状态中声明的空数组?

javascript - 在轮播中添加新元素会在 Angular4 中添加新行

javascript - jQuery 自动完成和后退按钮行为?

jQuery 验证引擎,通过 dd/mm/yyyy 格式验证过去和 future 的日期

javascript - Android-Chrome 中的 SpeechSynthesis : cannot change English voice from US English

javascript - 访问通过 wrap 函数添加的父项

css - 如何使用主窗口垂直滚动条使外部 <div> 固定而内部 <div> 可滚动

css - 我想在横幅中禁用用于移动 div(移动到屏幕外)的水平滚动条;但不适用于其余内容

html - 有没有办法让 div 上永远没有滚动条?