2017年6月14日

摘要: 取scrollTop在IE、火狐浏览器上使用:document.documentElement.scrollTop; 在chrome(谷歌)上使用:document.body.scrollTop; 解决兼容性代码:var scrollTop=document.documentElement.scro 阅读全文
posted @ 2017-06-14 14:40 梅佳丽 阅读(180) 评论(0) 推荐(0)

2017年3月21日

摘要: 一个集合的点击事件,点击产生效果,再点击效果消失,如此反复,集合里的一个元素功能实现可用一个变量的true或false实现。如下图: 但此方法在点击不是同一个li时,变量值会变为非原始值。所以需点击两次才能实现功能。应判断是否点击的是同一个元素,如不是,需添加代码,修改如下: 阅读全文
posted @ 2017-03-21 09:24 梅佳丽 阅读(337) 评论(0) 推荐(0)

2016年12月19日

摘要: 360浏览器是双核浏览器,一个是iE的trident内核,一个是webkit内核,360浏览器的兼容模式使用trident内核、极速模式使用webkit内核 而目前很多页面更偏向于使用webkit内核,trident内核有许多兼容问题,那么,怎么使页面用360浏览器一打开就是极速模式呢? 解决方法: 阅读全文
posted @ 2016-12-19 10:46 梅佳丽 阅读(429) 评论(0) 推荐(0)
 
摘要: 按钮在安卓手机上显示正常,但在苹果手机上会显示如下: 解决办法:给该按钮的样式加上:-webkit-appearance:none;这样按钮就会显示正常 阅读全文
posted @ 2016-12-19 10:28 梅佳丽 阅读(994) 评论(0) 推荐(0)
 
摘要: 单行效果:display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 多行效果:width:...px; display:-webkit-box; -webkit-box-orient:vertical; - 阅读全文
posted @ 2016-12-19 10:18 梅佳丽 阅读(175) 评论(0) 推荐(0)