当前位置:首页 > 全栈分享 > JavaScript > 正文
打开页面自动滚动到指定位置的实现方法
发布时间:2017-10-30 23:42:12作者:魏义齐阅读:()评论:
本文又是竞价单页面的特殊需求,不想让用户看到的但又必须得有的就得做滚动,实现方法有两个:
一、锚链接
给需要展示的内容的地方外面加一个大的div盒子,给一个ID名称,推广链接后面加上“#名称”就可实现打开页面滚动到指定位置。
二、js代码
- <script>
- window.onload = function () {
- var scroll_offset = $("#demo").offset(); //得到demo这个div层的offset,包含两个值,top和left
- $("body,html").animate({
- scrollTop: scroll_offset.top //让body的scrollTop等于demo的top,就实现了滚动
- }, 100);
- }
- </script>
- <div id="demo"></div>
上一篇:点击文字即可将文字复制到粘贴板的实现方法下一篇:屏蔽终端的js代码
收起二维码
原创不易,您的赞助就是博主更新的动力!
赞助请备注,8.88元及以上可在赞助光荣榜留下外链信息。
完全自托管的评论系统
最新会员
-
东方星雨
-
deanhan
-
1264822519
-
aini3311
-
a1051020101
-
weiyiqi
- 网站防扒的一般措施(2517)
- js实现刷新页面所有微信号同步变化的效果(1780)
- 网站通用使文章图片相册式预览、左右滑动、自动切换、双击手捏放大缩小的方法(1270)
- 用swiper4给博客首页配置的一个3D方块切换轮播图(1033)
- 随页面滚动动态加载内容的实现方法(977)
- 点击文字即可将文字复制到粘贴板的实现方法(938)
- 打开页面自动滚动到指定位置的实现方法(937)
- slide Toggle()方法如何先后执行两次(621)
- 生日选择代码(594)
- 屏蔽终端的js代码(584)
- js给文章外链添加rel="nofollow",内链则自动排除(2022-01-08)
- 给文章代码高亮模块增加一键复制功能(2021-08-23)
- jQuery解决谷歌广告不显示但使打底广告无法点击问题(2021-08-12)
- 网站通用使文章图片相册式预览、左右滑动、自动切换、双击手捏放大缩小的方法(2019-06-10)
- 用swiper4给博客首页配置的一个3D方块切换轮播图(2018-10-29)