实现页面的滚动跳转
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了实现页面的滚动跳转相关的知识，希望对你有一定的参考价值。
参考技术A滚动的实现页面之内的到某一控件位置的跳转。
这里需要注意的是
这个变量的获取，即页面当前的滚动的的距离，就是浏览器滚动条滚动后隐藏的页面内容高度。这里的获取的方法会根据所使用的浏览器的不同而不同，我使用的是 edge 浏览器,上次使用的 google 我所使用的方法是document.body.scrollTop，但是这个方法运用到edge浏览器上面是不行的。
至于具体控件上的使用，在一个项目之中，你可以结合使用Thymeleaf上面的 th:each 标签。这样能够使得多个相同类型的控件实现点击滚动跳转的方法更加的简便。
所要实现跳转的控件：
所要到达的控件的位置：
以上是关于实现页面的滚动跳转的主要内容，如果未能解决你的问题，请参考以下文章
html js点击按钮滚动跳转定位到页面指定位置（DIV）的方法代码