Khôi phục trang cuộn vị trí với jQuery

Question

Tôi có một hoạt động trang có sử dụng một cái gì đó như:

$('#thetable tbody').replaceWith(newtbody); 

trong một callback ajax. Đôi khi, nếu người dùng đã cuộn trang xuống, thao tác này có tác dụng phụ có thể hiểu được khi cuộn trang sao lưu. Nhưng sự thay thế xuất hiện liền mạch với người dùng, do đó, nó hơi khó chịu khi phải cuộn xuống một lần nữa. Và vì số newtbody thường có chiều cao thẳng đứng giống như chiều cao được thay thế, nên chúng tôi có thể làm cho tập lệnh thực hiện thay thế.

Bây giờ, kể từ khi tôi phát hiện ra rằng thực hiện:

$('body').scrollTop(300); 

từ JS gỡ lỗi giao diện điều khiển làm những gì tôi hy vọng nó sẽ, tôi nghĩ biện pháp khắc phục đơn giản sẽ là:

var scrollsave = $('body').scrollTop(); 
$('#thetable tbody').replaceWith(newtbody); 
$('body').scrollTop(scrollsave); 

nhưng không có niềm vui. Tôi chưa sử dụng đến jQuery.ScrollTo.

Answer 1

Chúng tôi đã có vấn đề chính xác giống nhau, và đoạn mã sau hoạt động tuyệt vời ...

var scroll = $(window).scrollTop(); 
// yada 
$("html").scrollTop(scroll); 

Answer 2

var position= $(window).scrollTop(); 

//some things here 

$(window).scrollTop(position); 

Nó làm việc cho tôi trong cả IE8 và FF.

Answer 3

Hãy thử điều này: http://jsfiddle.net/utTt4/

Answer 4

Hãy chắc chắn để sử dụng return false; chấm dứt function(){} xây dựng của bạn.

Sự kiện kích hoạt có thể cố gắng để thực hiện thao tác mặc định của mục tiêu DOM yếu tố ví dụ: < a href="" >;

Answer 5

Bạn định kỳ có thể kiểm tra divouterHeight, và thiết lập các scrollTop tài sản khi div vẽ đã vượt qua giá trị cuộn.

var g_Interval ; 
var g_ScrollTop ; 

function checkAndAdjustScroll() { 
    var height=$('#content').outerHeight() ; 
    if(height>g_ScrollTop) { 
      $(window).scrollTop(g_ScrollTop) ; 
      clearInterval(g_Interval) ; 
    } 
} 

Và bất cứ khi nào bạn cập nhật div của bạn với nội dung AJAX, làm được điều này

g_ScrollTop=$(window).scrollTop() ; 
g_Interval=setInterval(checkAndAdjustScroll, 100) ; 

Bạn có thể cần phải thực hiện điều chỉnh trên cơ sở bù đắp của div của bạn từ phía trên cùng của trang

Answer 6

Are u sử dụng aspx? nếu nó aspx:

$(document).ready(function() { 
 
     //------------ scroll------------- 
 
      
 
     $('body').scrollTop(document.getElementById('<%=hdScroll.ClientID%>').value); 
 
      
 
     $(window).scroll(function() { 
 
      $("#<%= hdScroll.ClientID %>").val($(window).scrollTop()); 
 
      //alert(document.getElementById('<%=hdScroll.ClientID%>').value); 
 
     }); 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
    <asp:HiddenField Id="hdScroll" runat="server"></asp:HiddenField>