jquery向下滑动指定距离右侧固定悬浮指定元素

“页面向下滑动到指定位置,元素固定悬浮在指定位置”——这个功能很常见,特别是在pc页面中,几乎90%的网站都有这样的效果,那么jquery怎么实现呢?总结一个常用方法:

2345_image_file_copy_1

1.css代码:

.slider-zone{position: relative;}
.rightScroll{position: fixed;z-index: 6636;right: calc((100% - 1200px)/2 -25px);top: 80px;width:300px}

 

 
 
 
 

2.html代码:

 
 
 
<div class="right-scl-fixed">
<!-- 右侧悬浮的区域代码:-->
</div>

3.js代码:

 
 
 
$(window).scroll(function(){
var s_top = Number($(this).scrollTop()); // 获取滚动条,滚动刻度
if(s_top >= 750 ){
$('.right-scl-fixed').addClass("rightScroll"); // 添加属性,让他固定
$('.right-scl-fixed').css("top",10);
}else{
$('.right-scl-fixed').removeClass("rightScroll"); // 删除属性,让他释放
}
})
温馨提示:本文最后更新于2024-05-13 22:03:26,某些文章具有时效性,若有错误或已失效,请在下方留言
© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
评论 共2条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸
还有吗!没看够!
取消
昵称表情代码图片
    • admin的头像-荻酷网-源码插件下载-软件应用下载-编曲教程资源下载-CNDKK.com荻酷网admin徽章-备受喜爱-荻酷网-源码插件下载-软件应用下载-编曲教程资源下载-CNDKK.com荻酷网等级-LV2-荻酷网-源码插件下载-软件应用下载-编曲教程资源下载-CNDKK.com荻酷网作者1