锚点,回到顶部效果
来源:互联网 发布:世界网络银行牌照 编辑:程序博客网 时间:2024/05/16 11:28
页面过长就会有相到直接回到顶部多好啊,我就到网上找了些资料,写了个demo
1,准备
js images
2,使用
项目中导入js和images或者自己引用css样式
<script src="tools/scrolltop/js/scrolltopcontrol.js" type="text/javascript"></script>
稍微修改scrolltopcontrol.js中的代码
若只是一个图片 则使用:
controlHTML: '<img src="images/up.png" style="width:24px; height:24px" />',
若使用了css 则使用:
controlHTML: '<a href="#"></a>',
用css定义其图片,
并且要注释掉init:function中的
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
代码
自己新建个页面,页面中引用就可以了...
- 锚点,回到顶部效果
- html回到顶部锚点定义
- 回到顶部效果
- 回到顶部效果
- JavaScript 回到顶部效果
- 回到顶部效果
- 回到顶部效果
- 回到顶部滑动效果
- 用jQuery为跳转链接锚点添加平滑滚动动画效果(如回到顶部
- jquery 回到浏览器顶部效果
- 原生Js回到顶部效果
- 回到顶部效果 js+css
- js实现回到顶部效果
- JS实现回到顶部效果
- jquery实现"跳到底部","回到顶部"效果(类似锚)
- JavaScript回到顶部的滑动效果实现
- javascript 回到顶部的效果实现
- JQuery点击事件回到页面顶部效果
- 电子工程师必备基础知识
- Android 初始化语言(init.*.rc、init.conf文件格式)
- 高阶函数 debounce 和 throttle
- Bundler源码研读笔记
- 飞凌OK6410开发板加装锂电池电源管理模块
- 锚点,回到顶部效果
- 线程结束资源释放 线程终止
- nutch的核心流程分析
- SSH DWR省市县三级联动-后台控制,DWR配置,页面实现,源码下载
- 用LinkedHashMap实现FIFO、LRU
- win7 创建wifi热点。
- hack速查表
- “引用”详解
- Java回调函数的理解