随着浏览器滚动,页面组件跟着滚动的效果

前端之家收集整理的这篇文章主要介绍了随着浏览器滚动,页面组件跟着滚动的效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_502_0@function setModelPostion(){ //获取window对象 var $window = $(window); //获取浏览器滚动条所在位置距离最上方的距离 var window_top = $window.scrollTop(); //设置一个你想要距离浏览器上方的值 var header_top = 35; //设置定位 $("#outCarousel").css({"position":"absolute","top":window_top+header_top}); //绑定事件,每次浏览器条滚动,则跟着改变位置 $(function(){ $window.scroll(function() { var window_top = $window.scrollTop(); var header_top = 35; $("#outCarousel").css({"position":"absolute","top":window_top+header_top}); }); }); }

猜你在找的JavaScript相关文章