注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

jQuery页面滚动顶部右侧固定层代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-04-09
jQuery页面滚动顶部右侧固定层代码
这是一款滑到一定位置固定跟随页面滚动置顶的网页特效,jQuery页面滚动顶部右侧固定层代码。


js代码

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {			
	t = $('.fixed').offset().top;
	mh = $('.main').height();
	fh = $('.fixed').height();
	$(window).scroll(function(e){
		s = $(document).scrollTop();	
		if(s > t - 10){
			$('.fixed').css('position','fixed');
			if(s + fh > mh){
				$('.fixed').css('top',mh-s-fh+'px');	
			}				
		}else{
			$('.fixed').css('position','');
		}
	})
});
</script>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。