猿记录

一个记录、分享的博客

您的位置:主页 > 技术专栏 > javascript >

开发中容易踩到的坑

2018-05-21 17:58:28 作者:yxl 次阅读 javascript

一、ie8以下的兼容性
       对于伪元素  ie8以下不支持last-child 但是支持first-child伪元素 
       对于ol设置数字栏如果里面还包含了a标签,且a标签设置了块元素,则数字会单独一行,解决方案设置为行内元素
二、scroller滚动事件没起效果,可能引起的原因
       1、页面height:100%
       2、设置了overflower:auto
三、侧边栏  滑动某一标题 高亮侧边栏对应的标题

function handle(){
var scrollTop = $(document).scrollTop(); //滚动条位置
var title = $(".article-detail").find(".h-title");
var total = title.length;
var comman = $("#J-concat-list li");
var clist = comman.length;
for (i = 0; i < total + 1; i++) {
if (scrollTop >= (title.eq(i).offset().top) && scrollTop < title.eq(i + 1).offset().top) {
comman.removeClass("active");
comman.eq(i).addClass("active");
}
 
}
}
function throttling(fn, wait, maxTimelong) {
var timeout = null,
startTime = Date.parse(new Date);
return function() {
if (timeout !== null) clearTimeout(timeout);
var curTime = Date.parse(new Date);
if (curTime - startTime >= maxTimelong) {
fn();
startTime = curTime;
} else {
timeout = setTimeout(fn, wait);
}
}
}
 
window.addEventListener('scroll', throttling(handle, 0, 50));

凡本站注明“本站”或“投稿”的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。

编辑:yxl 关键词:
0

网友评论