h5+css3+Jq

1.侧边栏划出一个信息框

通常鼠标浮动侧边栏都会划出一个信息框，每个信息框距离侧边栏的距离是相等的，所以处理此问题的方法就是

量取信息框距离侧边栏的距离，信息框设置绝对定位，父元素设置相对定位之后，信息框就会相对于父元素的相对定位进行绝对定位，取父元素的width：100%，然后加上距离信息框距离侧边栏的距离，right: calc(100% + 30px);

 

2.查找当前直系父级的直系父级的同胞元素的孩子进行slideup().

 $(this).parent().parent().siblings().find(".ul2").slideup();

 

 

3.鼠标浮动下拉(stop()意为停止所有与当前无关的动画)

$('.navli ').hover(function () {

    $(this).find('.an_navxiala').stop().fadein();

},function(){

    $(this).find('.an_navxiala').stop().fadeout();

})

 

 

4.鼠标滚动（右侧滚动条距离顶部的距离）

$(".navli").hover(function () {

    if ($(window).scrolltop() > $(".navbox").height()) {

 

}else{

 

}