2015-05-11 2 views
1

У меня есть таблица HTML с прокруткой и на основе данных в таблице. Я хочу, чтобы таблица начала отображаться с определенного <tr>. Строки, указанные выше, могут отображаться при прокрутке. Но когда страница загружается, мне нужно установить ее на конкретный <tr>Якорь для конкретного tr в таблице

Я могу получить <tr>, который мне требуется для размещения, используя приведенный ниже код. Я не уверен, как установить позицию.

<script type="text/javascript"> 
    $(document).ready(function() { 
     var myTr = $(".slash-price:first").closest('tr'); 
    }); 
</script> 

Мой Tr является <tr> я хочу показать первым в элементе таблицы.

ответ

1

Это должно сгладить анимировать позицию в строке, которую вы выбрали с closest('tr'):

<script type="text/javascript"> 
    $(document).ready(function() { 
     var myTr = $(".slash-price:first").closest('tr'); 
     $('html, body').animate({ 
      scrollTop: $(myTr).offset().top 
     }, 2000); 
    }); 
</script> 
+0

Это на самом деле работает. Но теперь tr находится в верхней части 0. Я хочу, чтобы он находился ниже заголовка таблицы. Какую часть я должен изменить, чтобы изменить верхние пиксели? – alicewilliam86

+0

Итак, вы хотите, чтобы 'tr' не закончил вверху справа, но скажите, что на 50 пикселей ниже? –

1

Да, так что я в конечном итоге использовала топ - 620

var myTr = $(".slash-price:first").closest('tr'); 
     $('html, body').animate({ 
      scrollTop: $(myTr).offset().top - 620 
     }, 2000); 
+0

благодарит за то, что поделился своим решением! –

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