给网站侧边栏广告栏增加浮动效果

昨天小编分享了一种给WordPress网站侧边栏增加浮动效果的源代码,今天又在网上看到一种给网站侧边栏广告位增加浮动效果的方法,代码不同,但是效果一样。

是这样的效果就不多啰嗦了,还是上篇图:

下面是效果代码:

jQuery(document).ready(function($){   

    var $sidebar   = $("#bd_random_post_widget-3"),      //将引号中的内容替换成你想要下拉的模块的ID或者CLASS名字,如"#ABC",".ABC" 
        $window    = $(window),      
        offset     = $sidebar.offset(),      
        topPadding = 50;      
     
    $window.scroll(function() {      
        if ($window.scrollTop() > offset.top) {      
            $sidebar.stop().animate({      
                marginTop: $window.scrollTop() - offset.top + topPadding      
            });      
        } else {      
            $sidebar.stop().animate({      
                marginTop: 0      
            });      
        }      
    });      
     
});   

添加方法和上篇方法一样,就是加到相应js文件中。

ps:这种方法的效果和上篇文章介绍的一样,但是小编测试效果好像有点卡,所以小编建议,如果你想让相关页面的广告位出现这种效果,就可以使用这种方法。

阅读相关文章:给wordpress网站侧边栏增加浮动效果代码

欢迎转载,转载请注明本文链接:众推不靠谱 » 给网站侧边栏广告栏增加浮动效果

吐槽 0


  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址