2017-02-22 5 views
0

У меня есть довольно большой стол на моем сайте с нижней полосой прокрутки (переполнение), и этот свиток абсолютно необходим. Но когда число строк растет, стоп-хей также становится проблемой, и не всегда удобно, чтобы кто-то прокручивал страницу вниз до самого низа.Есть ли возможность сделать нижнюю полосу прокрутки фиксированной?

Есть ли возможность создать нижнюю полосу прокрутки, чтобы пользователь не мог прокрутить страницу до нижней? Я пробовал поиск Google, но нашел совершенно ничего.

+0

Пожалуйста, предоставьте ваш код. –

+0

Здравствуйте, пожалуйста, прокомментируйте фрагмент или jsfiddle, чтобы люди могли ясно видеть, что вы делаете, и иметь с чем работать. – AVAVT

+0

Если вы позволили переполнению таблицы непосредственно на корпусе, полоса прокрутки должна быть зафиксирована в окне просмотра. В противном случае убедитесь, что контейнер, в который переполняется таблицы, «прикреплен» к окну просмотра. – LuudJacobs

ответ

0

Да, это возможно, и это довольно легко

document.body.scrollTop = document.body.clientHeight; 

Вызов этой линии, когда ваш DOM полностью нагрузки (конец тела или Повсеместно событие).

Вы можете заменить document.body другим элементом, если ваш свиток не находится на корпусе.

<table id="myTable"> 
... 
<script> 
    var myTable = document.getElementById('myTable'); 
    myTable.scrollTop = myTable.clientHeight; 
+0

Можете ли вы прояснить litle, я вообще не знаком с JS. Мне нужно поставить этот код сразу после моего стола? Тогда что мне нужно сделать с этим: document.body.scrollTop = document.body.clientHeight; если я хочу, чтобы моя нижняя полоса прокрутки фиксировалась автоматически без каких-либо действий пользователя. Я имею в виду табличные нагрузки с уже фиксированной полосой прокрутки, и это все. Извините за вопросы новичка – Ted

+0

предоставьте мне часть вашего кода, и я буду стараться вас понять. – Kornflexx

+0

Я буду рад предоставить вам код, но это как плагин для коплексных таблиц. Возможно, вы можете проверить эту страницу, и это помогает https: // profitov_net/tatables/Большое спасибо – Ted

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