2010-09-23 5 views
6

У меня есть html-страница с заголовком, таблица, содержащая 100 элементов и нижний колонтитул.Как выполнить автоматическую прокрутку к определенной строке таблицы?

Когда есть поиск, я выделяю строку, содержащую данные.

Однако, если выделенная строка имеет номер 75, пользователю необходимо прокрутить страницу вниз, чтобы найти ее.

Как я могу автоматически прокручивать эту строку?

я посмотрел scrollTo(), но смотреть только ось пункт.

Любые предложения?

Спасибо.

(Использование CGI в C, HTML, CSS и JavaScript/JQuery)

ответ

9

Вы должны быть в состоянии использовать scrollIntoView(). (Непосредственно на элементах DOM.)

Помните, что есть некоторые ситуации с макетами, в которых прокрутка чего-то на странице может привести к тому, что IE6 и 7 решат, что нужно прокручивать случайные другие вещи.

+0

Так легко use.Thanks @Pointy –

2

попробовать это:

 
<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

я редактировал свой ответ, потому что после тестирования я нашел, что это не будет работать –

+0

спасибо, очень хорошо. –

0

Я думаю, что вы можете сделать что-то вроде этого:

Используйте эту линию, где бы вы хотели,

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

и при запуске страницы, вызов это примерно так:

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

Это работало для меня, не показывая якорь.

Проверьте еще раз для использования закладки в HTML

Редакции: Проверки: JavaScript - Jump to anchor

+0

вопрос не о прыжке к якорю. его о прокрутке стола. – katzenhut

Смежные вопросы