鼠标滚动超过1屏显示置顶图标
来源:互联网 发布:软件评测师培训费用 编辑:程序博客网 时间:2024/06/08 17:57
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="black" name="apple-mobile-web-app-status-bar-style" /> <meta content="telephone=no" name="format-detection" /> <style type="text/css"> * { margin: 0; padding: 0; } body { max-width: 640px; margin: 0 auto } .div1 { background: #D5D4D4; height: 500px; margin-bottom: 10px; overflow: hidden; font-size: 50px; } .div2 { background: #D5D4D4; height: 500px; margin-bottom: 10px; overflow: hidden; font-size: 50px; } .div3 { background: #D5D4D4; height: 500px; margin-bottom: 10px; overflow: hidden; font-size: 50px; } #scrollSearchDiv { width: 40px; height: 40px; line-height: 40px; border: solid 1px #07AC72; display: none; position: fixed; right: 30px; bottom: 30px; text-align: center; font-size: 12px; color: #fff; } </style></head><body> <div class="div1 J_payBottomShow J_payPopupShow">1</div> <div class="div2 J_payPopupShow">2</div> <div class="div3 J_payPopupShow">3</div> <!--这个直接用首页返回顶部的图标 --> <div id="scrollSearchDiv"><a href="#">^</a></div> <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { //绑定滚动条事件 $(window).bind("scroll", function() { var sTop = $(window).scrollTop(); var sTop = parseInt(sTop); if (sTop >= 130) { if (!$("#scrollSearchDiv").is(":visible")) { try { $("#scrollSearchDiv").slideDown(); } catch (e) { $("#scrollSearchDiv").show(); } } } else { if ($("#scrollSearchDiv").is(":visible")) { try { $("#scrollSearchDiv").slideUp(); } catch (e) { $("#scrollSearchDiv").hide(); } } } }); }) </script></body></html>
阅读全文
1 0
- 鼠标滚动超过1屏显示置顶图标
- 滚动显示置顶按钮
- 鼠标下拉滚动置顶效果
- 改变鼠标的显示图标
- 鼠标滚动到第二屏,显示一个DIV
- ScrollView滚动后显示按钮并点击置顶的解决方案
- [置顶] 安卓自定义View文章数据滚动显示数值
- ScrollView滚动后显示按钮并点击置顶
- 鼠标位置的显示以及滚动条
- 文字长度超过限制时水平滚动显示
- 鼠标移动到图标上滚动代码 CSS
- 特效1: 鼠标移动到该区域则显示小图标
- js实现超过页面一屏后,点击图标滚动到页面顶部top
- 监听导航滚动置顶
- 鼠标图标
- 滚动图标
- struts2判断显示超过30字截取和鼠标滑过显示全部内容
- table td样式显示文字超过最大宽度后面用...,鼠标停在上面显示所有文字
- linux 文件
- Android零基础入门第34节:Android中基于监听的事件处理
- PHP7 下安装 memcache 和 memcached 扩展
- HDU
- 和为S的两个数字
- 鼠标滚动超过1屏显示置顶图标
- 矩阵乘法
- Git 的origin和master分析
- 2017百度之星初赛(B) 1001 Chess(思维+Lucas)
- JAVA笔记-集合
- 合并两个排序的链表
- iOS
- 那些年写过的Bug——List remove
- Java读取Excel文件