欢迎使用CSDN-markdown编辑器
来源:互联网 发布:手机淘宝旧版5.2.2 编辑:程序博客网 时间:2024/06/10 23:14
给大家分享一个移动端元素滑到顶部时,固定在顶部的一个小知识。这种方法在移动端经常遇到,所有用到此效果的地方还是很多的。大家可以收藏一下!
<script> //获取要定位元素距离浏览器顶部的距离 function moveTop(target){ var navH = $(target).offset().top; //滚动条事件 $(window).scroll(function(){ //获取滚动条的滑动距离 var scroH = $(this).scrollTop(); //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离, 就固定在顶部 if(scroH>=navH){ $(target).css({"top": "0"}); }else{ $(target).css({"top": "100"}); } }) } </script> //使用的时候引入这个js的后面: $(function(){ var newTarget = New moveTop(".class名"); //或者: var newTarget = New moveTop("#id名"); //使用的时候只需要在括号里把指定元素的class名 //或者id名放在括号里就可以使用了 }); //此方法为jq方法,应提前引入jq文件
谢谢大家!
阅读全文
0 0
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 利用iptables修改UDP报文源IP地址的方法
- 实验一 Linux操作系统的安装
- 日记—9.21
- 基本类型转换规则和sizeof的用法
- opencv学习笔记—8,阈值操作
- 欢迎使用CSDN-markdown编辑器
- POJ 3461 (kmp)
- 9.21(周四)
- jQuery——对象样式操作
- Spring第一个案例
- DS总结篇--三种快排及四种快排优化实现
- python:pandas(6),用法及函数总结
- 行保持说明符@和@@用法详解
- JSON格式