返回顶部:

(scroll 滚屏事件,如果超出第一屏,显示返回顶部的按钮)

<div id="gotop" onclick="javascript:scroll(0,0);"><img src="data:images/top33x33.png"></div>
<style type="text/css">
#gotop{display:none;position:fixed;right:5px;bottom:4rem;width:33px;height:33px;z-index:999;}
</style>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(window).scroll(function() {//滚屏
var scrollTop = $(document.body).scrollTop();//滚动高度
var windowH = $(window).height();//页面高度
if(scrollTop>windowH){
$("#gotop").show();
}else{
$("#gotop").hide();
}
});
});
</script>

屏幕滚动到某个像素处:2015-11-18

var scrollTop = $(this).offset().top;
$(document.body).scrollTop(scrollTop-50);

返回顶部、返回页面顶部:  2016-4-22

$('.sidebarnav .sbnl-gotop').click(function(){//回到顶部
$(document.body).animate({scrollTop: '0px'}, 800);
});

侧导航的显示隐藏:(要求,滚屏超过100px后,显示侧导航。初始状态下不显示侧导航)  2016-4-22

/* 侧导航 */
$(window).scroll(function() {//滚屏
var scrollTop = $(document.body).scrollTop();//滚动高度
//var windowH = $(window).height();//页面高度
if(scrollTop>100){
$('.sidebarnav').show();
}else{
$('.sidebarnav').hide();
}
});

..

最新文章

  1. Android 开发命令行完全攻略
  2. malloc error:初始值设定元素不是常量
  3. mac平台多个php版本快速切换
  4. JavaScript计算日期间隔以及结果错误(少一天)的解决方法
  5. android学习日记03--常用控件button/imagebutton
  6. 14.3 InnoDB Multi-Versioning InnoDB 多版本
  7. Ubuntu11.10与r8168网卡不兼容导致网络时断时续的问题
  8. JavaScript新手学习笔记3——三种排序方式(冒泡排序、插入排序、快速排序)
  9. location的使用
  10. 【jQuery】(7)---jQueryAjax同步异步区别
  11. PHP如何读取json数据
  12. scws安装
  13. Zynq启动流程
  14. make 命令【转】
  15. element UI实现表格中添加开关控制按钮
  16. VS2012 安装番茄插件
  17. Data_Structure04-树
  18. HTML5 本地存储+layer弹层组件制作记事本
  19. NEU 1495 a interesting game 大数 难度:1
  20. UIView中的tintColor和renderingMode

热门文章

  1. 为什么我们不应该使用微信或者 QQ 作为团队协作的 IM 工具?
  2. 使用flex布局,垂直居中
  3. IP地址 无限网卡的MAC地址
  4. USB gadget 驱动 printer.c 分析
  5. hasura graphql-engine v1.0.0-alpha25 的几个方便功能
  6. 【转】每天一个linux命令(55):traceroute命令
  7. SPA页面缓存再优化二
  8. webpack externals
  9. Mybatis连接Oracle实现增删改查实践
  10. json格式字符串处理