想实现网页滚动一定距离底部弹出div

 1 <script type="text/javascript">
 2   $(window).scroll(function () {
 3         if ($(this).scrollTop() > 100) {
 4             $(".wrap-float").stop().show().animate({ bottom: '10px' }, 300);
 5         }
 6         else {
 7             $(".wrap-float").stop().animate({ bottom: '-430px' }, 300);
 8         }
 9     });
10   $('.wrap-float').click(function () {
11   $(".fast-close").animate({ bottom: '-380px', opacity: '0' }, 500);
12        return false;
13     });
14 
15 </script>

第一个$中是判断滑动距离大于100,就执行一个if语;

第二个$是用来关闭弹窗,因为底部弹出有可能会遮盖访客想看的内容!

.wrap-float 
.fast-close

是class的名字(;类名)

一些营销类网站应该需要这个

猜你喜欢

转载自www.cnblogs.com/008ts/p/11614478.html