资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

jQuery实现广告图fixed与scroll关联

html代码部分：

成都创新互联是专业的翁源网站建设公司，翁源接单;提供成都网站建设、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行翁源网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!


    左侧
         右侧     广告块     

jQuery代码部分

$(function(){
	var ad = $(".teachers_right_ad"); //声明对象
	var ad_f = $(".arc_right");			//对象父元素
	var ad_gf = $(".arc_box");			//对象父元素的父元素
	var offset = ad.offset();
	var box_h = ad.outerHeight(true);
	var h=ad_gf.offset().top+ad_gf.outerHeight()-box_h; //计算触发ad停止fixed的临界点
	var hf=ad_gf.offset().top+ad_gf.outerHeight();			//计算触发ad停止absolute的临界点
	var hh=ad_gf.height()-ad.outerHeight(true);				//计算adabsolute的top值
	ad_f.css({"position":"relative"});									//给定ad的父元素position relative
	$(window).scroll(function(){
	if($(window).scrollTop()>=offset.top&&$(window).scrollTop()=h &&$(window).scrollTop()            
            
                        

            本文名称：jQuery实现广告图fixed与scroll关联            

            URL标题：http://cdkjz.cn/article/jhsgij.html
        
        

            返回首页
            了解更多建站资讯
        

    



    
相关资讯

    

        
    





    

        

            

                多年建站经验
            

            

                
多一份参考，总有益处

                
 联系快上网，免费获得专属《策划方案》及报价

                

                    
咨询相关问题或预约面谈，可以通过以下方式与我们联系

                    
 大客户专线   成都：13518219792
                          座机：028-86922220
                    

                

            

        

        

            在线咨询
            提交需求
        

    





    

        

            

                友情链接
                交换友情链接
            

            

                

                    成都酒店服定制bgp多线机房托管seo关键词优化简阳电信机房瑞杰企业管理成都印刷厂手机软件开发成都光华机房服务器托管崇州做网站微信开发                

            

        

    

    

        

            
成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

            

                成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

            
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图