返回顶部按钮
来源:互联网 发布:爱淘宝推广 编辑:程序博客网 时间:2024/04/30 11:03
返回顶部按钮,在往下滑动的时候才会显示,在顶部的时候不会显示
<a href="#top"><div onclick="$('html,body').animate({ scrollTop: 0 }); return false;" id="to_top" style="display: none;">返回顶部</div></a><script>$(window).scroll(function () { // 目的のスクロール量を設定(px) var TargetPos = 100; // 現在のスクロール位置を取得 var ScrollPos = $(window).scrollTop(); // 現在位置が目的のスクロール量に達しているかどうかを判断 if( ScrollPos >= TargetPos) { // 達していれば表示 $("#to_top").fadeIn(); } else { // 達していなければ非表示 $("#to_top").fadeOut(); } });</script>
0 0
- javascript 返回顶部按钮
- 返回顶部按钮
- 返回到顶部按钮
- 返回顶部按钮
- 返回顶部按钮实现
- 返回顶部按钮
- jquery返回顶部按钮
- 返回顶部按钮
- 返回顶部按钮
- 右下角返回顶部按钮
- 返回顶部小按钮
- jquery 返回顶部按钮特效
- 返回到顶部按钮实现
- jQuery制作返回顶部按钮
- “返回顶部”按钮的实现
- UITableView 状态栏返回顶部 和自定义按钮返回顶部
- 迅速返回页面顶部浮动按钮代码...
- jQuery实现返回顶部按钮效果
- Android Studio中提示:Call requires API level 16 (current min is 15): android.view.View#setBackground
- sqoop环境配置AND常用基本操作01
- Linux--RH134---unit 9 vsftpd服务
- java web 导出文件 文件名中文乱码问题的解决
- app 上架发布
- 返回顶部按钮
- 计算图像直方图方法,纠正calcHist调用错误(OpenCV)
- AngularJS中星级的评价(ionic)
- 什么才是动力电池管理系统(BMS)的核心技术?
- JAXB将JAVA对象转换为XML时CDATA的问题
- 驱动程序调试(二)————根据内核打印的段错误信息分析
- html()、text()、val()方法区别
- ES6--Promise、Generator及async
- FTP文件传输协议详解