博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端学习记录
阅读量:4544 次
发布时间:2019-06-08

本文共 572 字,大约阅读时间需要 1 分钟。

总结一下这几天跟前辈学的新知识:

1.吸顶效果,普通的做法是在onscroll函数中监听滚动距离,如果滚动超过导航条高度,则将导航条的class添加.fixed。但是ios6+设备下的浏览器会在页面滚动的时候暂停所有js的执行,包括setTimeout和setInterval,onscroll也不会执行,只有在滚动停止时才会继续执行js。

解决办法:

position:sticky可支持ios6+,但是完全不支持。在实现该效果时需要先判断用户的浏览器,如果为安卓则使用onscroll进行判断.fixed的移除和提阿甲,如果为ios则使用.sticky

.sticky {

position: -webkit-sticky; position: sticky; top: 0; } .fixed {
position: fixed; top: 0; } 2.loading方法的显示与隐藏,显示应该在ajax执行之前调用,并且和ajax请求在一个函数中,隐藏应该ajax请求之后调用并且也和ajax请求在一个函数中,这样能使查找函数更通用。 3.查询都用后台请求,不用过滤的原因,在页面分页时使用过滤查询有可能造成查询结果的不准确。

转载于:https://www.cnblogs.com/helloMySir/p/6873844.html

你可能感兴趣的文章
css 断行省略号,隐藏,fixed定位
查看>>
scp command
查看>>
git基础(2)
查看>>
Struts2 拦截器的第一次
查看>>
java的局部变量和成员变量以及区别
查看>>
app测试小结20170216
查看>>
41. First Missing Positive
查看>>
Java异常处理
查看>>
php连接数据库 搜索数据形成数组,转为字符串
查看>>
ORACLE——EXTRACT() 截取日期时间的函数使用
查看>>
sgu 102 Coprimes
查看>>
[读书笔记]C#学习笔记四: C#2.0泛型 可控类型 匿名方法和迭代器
查看>>
ASP.NET页面周期学习笔记之一
查看>>
spark-sql cli 参数 及使用
查看>>
hdu 1312 Red and Black
查看>>
matlab 人面检测
查看>>
推荐jade、sass、artTemplate方式书写
查看>>
一个“雷电”游戏的雏形
查看>>
时间戳转时间
查看>>
虚拟主机发布ASP.NET网站过程解析
查看>>