CSS div部分随的屏幕滚动而滚动的方法
此JS就是DIV不分随的屏幕而滚动。
<script type="text/javascript">
$(document).ready(function () {
var menuYloc = $("#comment-overlay").offset().top; //此ID为随着屏幕滚动div的ID
$(window).scroll(function () {
var offsetTop = menuYloc + $(window).scrollTop() + "px";
$("#comment-overlay").animate({ top: offsetTop }, { duration: 600, queue: false }); //此ID为随着屏幕滚动div的ID
});
});
</script>
<style>
.comment-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255,255,255,.92);
z-index: 9999999999999;
}
.comment-overlay-login {
text-align: center;
font-size: 30px;
}
.comment-overlay-login p {
margin-bottom: 20px;
}
</style>
<div class="comment-overlay" id="comment-overlay">
<div class="comment-overlay-login"><p>内容 </p></div> </div></div>
手机端logo:/uploads/allimg/20190604/f6d6bb5265ae3bca241d886df3ff6203.png