2010-09-23 41 views
6

Tôi có một trang html có tiêu đề, một bảng có chứa 100 mục và chân trang.Làm cách nào để tự động cuộn đến một hàng trong bảng cụ thể?

Khi có tìm kiếm, tôi đánh dấu hàng có chứa dữ liệu.

Tuy nhiên, nếu hàng được đánh dấu là hàng 75, người dùng phải cuộn xuống để tìm.

Làm cách nào để tự động cuộn đến hàng đó?

Tôi đã xem scrollTo() nhưng thấy nó chỉ mất điểm trục.

Mọi đề xuất?

Cảm ơn.

(Sử dụng cgi trong C, html, css và javascript/jquery)

Trả lời

9

Bạn sẽ có thể sử dụng scrollIntoView(). (Đó là trực tiếp trên các phần tử DOM.)

Lưu ý rằng có một số tình huống bố cục khi di chuyển nội dung nào đó trên trang có thể khiến IE6 và 7 quyết định rằng các thứ khác ngẫu nhiên cũng cần được cuộn.

+0

Vì vậy, dễ dàng để use.Thanks @Pointy –

2

thử điều này:

 
<script> 
function ScrollToElement(theElement){ 

    var selectedPosX = 0; 
    var selectedPosY = 0; 

    while(theElement != null){ 
    selectedPosX += theElement.offsetLeft; 
    selectedPosY += theElement.offsetTop; 
    theElement = theElement.offsetParent; 
    } 

window.scrollTo(selectedPosX,selectedPosY); 

} 
</script> 

<body onload="ScrollToElement(document.formName.elementName)"> 

+0

tôi đã chỉnh sửa câu trả lời của tôi, vì sau khi kiểm tra tôi thấy nó sẽ không làm việc –

+0

cảm ơn bạn, rất đẹp. –

0

Tôi nghĩ rằng bạn có thể làm một cái gì đó như thế này:

Sử dụng dòng này nơi nào mà bạn thích,

<a id="bookmark"></a> 

và khi bạn bắt đầu trang của bạn, cuộc gọi nó như thế này:

http://mypage.com/setting.php#bookmark 

Điều đó làm việc cho tôi mà không cần hiển thị cái neo.

Kiểm tra một lần nữa cho việc sử dụng dấu trong html

EDITED: Kiểm tra: JavaScript - Jump to anchor

+0

câu hỏi không phải là về nhảy đến một neo. về việc cuộn một bảng. – katzenhut

Các vấn đề liên quan