Question

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

＆＃13;

    $('.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");
       });

＆＃13;

<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>

＆＃13;

＆＃13; 当您访问线程注释的页面时，此技术将在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加载上面的数据后滚动到.Post div。希望能帮到你。

在Jquery上面加载数据后防止div跳转

1 个答案: