比如 页面中 某个 DOM, 希望点击按钮后页面直接跳转到 这个 DOM 所在的位置,
1. 获取 DOM 离屏幕的高度
- var hTop = $('#box').offset().top;
- $('body,html').animate({
- scrollTop:hTop
- },100);
2. 通过原生的方式跳转到某个 地方
- var hTopDom = document.getElementById('box');
- var hTop = hTopDom.offsetTop;
- document.documentElement.scrollTop = hTop;
跳转的时候没有动画的效果
关于浏览器的 各种高度问题 汇总:
- https://blog.csdn.net/semanwmj/article/details/7072795
- https://blog.csdn.net/u014304657/article/details/76854064
- https://www.cnblogs.com/fnz0/p/5510758.html
来源: http://www.bubuko.com/infodetail-2699629.html