javascript - 如何计算自定义滚动条的位置?

标签 javascript jquery css

我有一个表格,并在我的元素中为 iPad 创建了自己的滚动条。

现在,当用户触摸并拖动表格时,表格正在移动,但如何根据该表格移动滚动条。

我尝试过,但对我来说它的工作非常奇怪。 例如,如果表格向右移动,那么我的滚动条向左移动。由于我数学不好,所以无法正确计算。

如何让我的滚动条(scrolldiv1和scrolldiv2)在iPad中完美工作?

这是我尝试过的代码。 plnkr.co/edit/KeKvldo3KdiC9JF5VMTH?p=preview

我不想使用任何滚动条插件。

最佳答案

使用 $("myTable").height() 和宽度获取表格的高度和宽度...使您滚动总高度的十分之一和 div 并除以它,您可以使用 jQuery animate 来动画内容和滚动 div...

同时使用 .scrollTop() 可以使代码更加简单,有关更多信息,请访问:https://api.jquery.com/scrollTop

希望对你有帮助...

关于javascript - 如何计算自定义滚动条的位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33213906/

相关文章:

javascript - 更改将鼠标悬停在 session 时间按钮上的工具提示内容

html - 在 Bootstrap 中水平居中 div 元素? (文本中心不工作)

html - 带有标题的表列更改列宽

javascript - 为什么 Ext flash 组件连接两个字符串来形成这个 url?

javascript - 如何检查 Phonegap iOS 中的可用空间?

javascript - 在 iframe 中嵌入 instagram 网页

html - 我们如何在没有像素化的情况下将小尺寸图像视为封面图像

javascript - 如何使用卡住库加载谷歌图表?

javascript - 如何在浏览器空出的地方创建div,并以圆圈的形式放置而不相互碰撞?

jquery - 如何加快页面转换动画的速度?