<script type="text/javascript">
$(window).scroll(function() {
var thisscroll = $(window).scrollTop();
if( thisscroll>= 500 ){
$(".xiangxix").addClass("fixedxiangxix");
$(".xiangxix").addClass("container");
}else{
$(".xiangxix").removeClass("fixedxiangxix");
$(".xiangxix").removeClass("container");
}
var list1 = $("#sjwz").offset().top - 40;
var list2 = $("#gmxz").offset().top - 40;
var list3 = $("#bdxq").offset().top - 40;
var list4 = $("#xfpj").offset().top - 40;
if(thisscroll < list2){
$(".xiangxix ul li").removeClass("xxfangwen");
$(".xiangxix ul li:eq(0)").addClass('xxfangwen');
}
if(thisscroll >= list2 && thisscroll < list3){
$(".xiangxix ul li").removeClass("xxfangwen");
$(".xiangxix ul li:eq(1)").addClass('xxfangwen');
}
if(thisscroll >= list3 && thisscroll < list4){
$(".xiangxix ul li").removeClass("xxfangwen");
$(".xiangxix ul li:eq(2)").addClass('xxfangwen');
}
if(thisscroll >= list4){
$(".xiangxix ul li").removeClass("xxfangwen");
$(".xiangxix ul li:eq(4)").addClass('xxfangwen');
}
})
$(".xiangxix ul li.item a").click(function(){
if(!$('html,body').is(":animated")){
var thisscrll = $($(this).attr("href")).offset().top - 40;
$('html,body').animate({scrollTop:thisscrll+'px'}, 300);
//$(".xiangxix ul li").removeClass('xxfangwen');
//$(this).parents("li").addClass('xxfangwen');
}
return false;
})
</script>
相关文章
- 07-29Study 8 —— 行块元素及定位
- 07-29封装addEventListener,removeEventListener指定元素添加事件及兼容问题js
- 07-29js上传图片获取base64及预览的功能
- 07-29JS获取DOM元素的方法(8种)
- 07-29通过元素定位获取元素的信息(APP端)
- 07-29No.10 selenium学习之路之通过元素定位获取属性
- 07-29js 动态获取高度 设置距离
- 07-29window.getComputedStyle能够获取元素的实际样式,但是低版本的ie8及以下不支持,如何在低版本的ie上兼容类似的功能
- 07-29JS 获取元素下标的6种方法
- 07-29js事件绑定并获取元素