• 文章介绍
  • 评价建议
  • jQuery楼层定位菜单代码是一款商城常用的点击侧边楼层或者鼠标滚轮滚动都能精确定位到页面对应的楼层位置的折叠式楼层菜单网页特效。

    js代码

    <script src="https://img.x22t.com/file/2020/04/25/d54226788bf9c0c12e56225e6777e29d7174.js"></script>
    <script>
    $(function(){
    	$("li:odd").hide();//li的第偶数个隐藏
    	$("#slider ul li.active").next().show();//激活的li下面那条线显示
    
    	$(window).scroll(function(){
    		var winHeight = $(window).height();//浏览器可视窗口的高度
    		var scrollHeight = $(window).scrollTop();//鼠标滚动的距离
    		// if($("#header").height()){   //判断侧边栏什么时候显示
    			$("#content .section").each(function(){
    				if(winHeight+scrollHeight-$(this).offset().top>winHeight/2){
    					$("#slider ul li").removeClass("active").prev(".line").hide();
    					$("#slider ul li").eq($(this).index()).addClass("active").next(".line").show();
    				}	
    			})
    		// }
    	})
    	$("#slider ul li").click(function(){
    		
    		var current = $("#content .div").eq($(this).index()).offset().top;
    		$("html,body").animate({
    			"scrollTop":current
    		},500);
    		$(this).addClass("active").siblings().removeClass("active").siblings(".line").hide();
    		$(this).eq($(this).index()).addClass("active").next(".line").show();
    	})
    })
    </script>
    
    

    OC共享平台----官方网址www.ocvoc.com 微信公众号ocvocc 可查询欧闪科技 本站免费资源 需要投广告,赞助的请多多支持,谢谢!
    欧闪科技---oc平台专业提供小程序源码|网站源码|Office素材|游戏服务端|棋牌源码服务端||装修素材|MAC软件下载|免费电影|教育资讯|视频点播|jquery特效 » jQuery商城常用楼层定位菜单代码

    Leave a Reply

    提供最优质的资源集合

    立即查看 了解详情

    Optimized by WPJAM Basic