博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
两侧跟随广告
阅读量:5056 次
发布时间:2019-06-12

本文共 709 字,大约阅读时间需要 2 分钟。

两侧跟随广告

思路:当鼠标滚动的时候左右两边广告跟着滚动

html

1   
2

css

1 .left,.right{ 2             position: absolute; 3             top:80px; 4         } 5         .left{ 6             left: 0; 7         } 8         .right{ 9             right: 0;10         }

jquery

1   $(function(){2             $(window).scroll(function () {3                 var top = $(document).scrollTop();4                 $(".left").stop().animate({"top" : top + 50},600);5                 $(".right").stop().animate({"top" : top + 50},600);6                 7                 // $(".left,.right").stop().animate({"top" : top + 50},600);8             });9         });

 

转载于:https://www.cnblogs.com/caixiufang/p/6750302.html

你可能感兴趣的文章
图解算法时间复杂度
查看>>
代码实现导航栏分割线
查看>>
Windows Phone开发(7):当好总舵主 转:http://blog.csdn.net/tcjiaan/article/details/7281421...
查看>>
Vue-详解设置路由导航的两种方法
查看>>
一个mysql主从复制的配置案例
查看>>
大数据学习系列(8)-- WordCount+Block+Split+Shuffle+Map+Reduce技术详解
查看>>
【AS3代码】播放FLV视频流的三步骤!
查看>>
枚举的使用
查看>>
luogu4849 寻找宝藏 (cdq分治+dp)
查看>>
日志框架--(一)基础篇
查看>>
关于源程序到可运行程序的过程
查看>>
转载:mysql数据库密码忘记找回方法
查看>>
scratch少儿编程第一季——06、人在江湖混,没有背景怎么行。
查看>>
【贪心+DFS】D. Field expansion
查看>>
C# Async与Await的使用
查看>>
Mysql性能调优
查看>>
iOS基础-UIKit框架-多控制器管理-实例:qq界面框架
查看>>
IOS-每个程序员的编程之路上都应该看这11本书
查看>>
自定义tabbar(纯代码)
查看>>
小程序底部导航栏
查看>>