[自用门户]锚点2,js平滑到顶端、底部、或者某个位置
来源:互联网 发布:淘宝下架宝贝找不到 编辑:程序博客网 时间:2024/06/07 09:26
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js平滑滚动到顶部、底部、指定地方</title><script type="text/javascript" src="http://www.daixiaorui.com/Public/js/jquery.min.js"></script><style>.box{ height:200px; width:100%; background:#ccc; margin:10px 0;}.location{ position:fixed; right:0; bottom:10px; width:20px; background:#FFC; padding:5px; cursor:pointer;color:#003};</style></head><body><div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div><div class="box a">产品介绍产品介绍 http://www.daixiaorui.com 产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍产品介绍</div><div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div><div class="box bottom"></div><div class="location"> <p class="scroll_top">返回顶部</p> <p class="scroll_a">产品介绍</p> <p class="scroll_bottom">滑到底部</p></div><script type="text/javascript">jQuery(document).ready(function($){$('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); $('.scroll_a').click(function(){$('html,body').animate({scrollTop:$('.a').offset().top}, 800);});$('.scroll_bottom').click(function(){$('html,body').animate({scrollTop:$('.bottom').offset().top}, 800);});});</script></body></html>
阅读全文
0 0
- [自用门户]锚点2,js平滑到顶端、底部、或者某个位置
- 跳转到页面的指定位置, 锚点平滑跳转
- android scrollview 滑动到顶端或者指定位置
- jquery 滚动条 平滑滚动到顶部、底部、置顶位置
- js 定位到某个锚点
- JS跳转到页面某个锚点
- vue 滚动条实现平滑滚动到某个位置
- js 锚点平滑定位
- js实现跳转到顶部或者底部
- js平滑滚动到顶部,底部,指定地方
- js平滑滚动到顶部,底部,指定地方
- 监听ScrollView滑动到顶端和底部
- 监听ScrollView滑动到顶端和底部
- js平滑滚动到头部、顶部以及指定位置
- 锚点平滑定位(js)
- [自用门户]门户飘窗功能代码,加在最底部,body标签内就行
- 锚点的使用(链接到网页中某个位置)
- 锚点的使用(链接到网页中某个位置)
- 学习网页前的网页知识储备
- hadoop集群搭建datanode,nodemanager启动不了
- 10个大数据误区 快来看看你有没有?
- 走迷宫dfs
- Postman插件下载安装与使用教程
- [自用门户]锚点2,js平滑到顶端、底部、或者某个位置
- LaTeX使用经验
- [概率与期望 && DP] BZOJ3640 .JC的小苹果
- bootstrap实现自定义按钮导出Excel表格
- YUV转RGB
- Communications link failure的解决办法
- 轮盘赌算法
- js中for in循环对象时的取值处理
- 连续数值属性的CART decision tree