防止 div 在上面加载数据后跳下来 Jquery.

Question

如何防止Post容器在将数据加载到ThreadsContainer后跳转？我希望它保持固定在顶部。

    $('.Loadthreads').on("click",function () {
	     $('.threatsContainer').append("<br>lorem<br>lorem<br>lorem<br>lorem<br>lorem<br>lorem<br>lorem<br>lorem<br>lorem<br>lorem");
       });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="threatsContainer"></div>
    <div class="Loadthreads" style="cursor:pointer;">[Load Threads]</a>
    <div class="Post" style="background:red;">[I want to maintain fixed at the top after the data above has loaded]</div>

当您访问线程评论页面时，此技术在 Twitter 上使用。注释保持稳定，而线程在其上方加载。不动它。

我在想用scroll:overflow,visble但什么都没有...我不想使用固定定位。

Answer 1

    $('.Loadthreads').on("click",function () {
	     $('.threatsContainer').append("<br>lorem<br>lorem<br>lorem<br>lorem<br>lorem<br>lorem<br>lorem<br>lorem<br>lorem<br>lorem");
         $('html, body').animate({scrollTop: $(".Post").offset().top}, 0);
       });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="wrapper">
<div class="threatsContainer"></div>
    <div class="Loadthreads" style="cursor:pointer;">[Load Threads]</a>
<div class="Post" style="background:red;">[I want to maintain fixed at the top after the data above has loaded]</div>
    </div>

您可以做的是滚动到 .在使用 jQuery 加载上面的数据后发布div。希望对您有所帮助。