首页 > Web开发 > 详细

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

时间:2019-09-30 23:29:36      阅读:137      评论:0      收藏:0      [点我收藏+]
 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的名字(;类名)

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

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

原文:https://www.cnblogs.com/008ts/p/11614478.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!