javascript - 嵌套 <div> 的 Jquery 滚动函数

标签 javascript jquery html css

我正在尝试制作一个滚动到相应 <div> 的导航对于我的网站。对应的divs嵌套在另一个 div 中用max-height和滚动条。那是我的 jquery 使我失望的时候。

他是我与我的问题相关的另一个问题的 fiddle :JSFIDDLE

请注意,当您单击按钮时,它不会滚动到正确的 div ,再次单击时它会滚动到一个尴尬的位置。

如何让它滚动到正确的 div 并且在再次单击时不会奇怪地向后滚动?谢谢!

最佳答案

$(".third").offset().top) 单击时在 1108 和 0 之间交替坐标。这些是每次点击前 .third 的正确位置。您必须考虑当前滚动位置和 .first div 的位置。

用以下代码替换 scrollTop 行:

scrollTop: $(".third").position().top - $('div.nest').position().top + $('div.nest').scrollTop()},

http://jsfiddle.net/pyL62v58/3/

关于javascript - 嵌套 <div> 的 Jquery 滚动函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27086655/

相关文章:

html - 你如何制作一个 div "tabbable"?

html - 水平对齐无序列表旁边的图像

javascript - 访问已创建的 Chart.js 图表

javascript - Angular 2 将点击事件传递给可重用的通用组件

javascript - JQuery - 用 html 转义替换引号

javascript - jQuery 解析 XML : get an element with a specific attribute

javascript - Jquery触发器一次只对addEventListener指定的一个事件起作用

html - 试图将 4 张图片放入网格中,但看不到我做错了什么

javascript - 引导上下文类之间的淡化过渡

javascript - 为什么我的函数不返回错误字符串?