Question

Доброго времени суток.    Дизайн 1807.    Захотелось добавить кнопку "в конец страницы", такую-же и рядом с кнопкой "в начало страницы" - заценить как будет и если что, оставить.    Попробовал добавить сам (добавил такую-же как и scrollup (scrolldown) в стилях и на странице Верхняя часть сайта), но ничего не вышло - её не показывает.   Посмотрел в main.js (давали как-то ссылку в одном из вопросов) - оказывается там есть обработка по scrollerup. А к main.js на редактирование я доступа не имею, что есть правильно :)       Вопрос - как мне сделать такуу-же кнопку рядом, как и scrollerup?   Якорь в конце страницы имеется (go_page_bottom).

Answer 1

Делается примерно таким скриптом:

<div style= "position:fixed; right:0.1%; bottom:45%;" id="nav_up"><img src="иконка вверх" alt="В верх страницы-UP" title="В верх страницы-UP" border="0"/></div><br>
<div style= "position:fixed; right:0.1%; bottom:41%;" id="nav_down"><img src="иконка вниз" alt="В низ страницы-Down" title="В низ страницы-Down" border="0"/></div>
 
 <script type="text/javascript">
 jQuery(function() {
 var overelem = jQuery('body');
 jQuery('#nav_up').fadeIn('slow');
 jQuery('#nav_down').fadeIn('slow');
 jQuery('#nav_down').click(
 function (e) {
 jQuery('html, body').animate({scrollTop: overelem.height()}, 2000);
 }
 );
 jQuery('#nav_up').click(
 function (e) {
 jQuery('html, body').animate({scrollTop: '0px'}, 2000);
 }
 );
 });
</script>

Comments

Спасибо Юрий.  Отосплюсь - попробую, сейчас мозги ужек не пашут...

---

Ещё раз спасибо, сделал через кнопки:

<spin style= "position:fixed; width=50px; right:123px; bottom:20px; z-index:10" id="nav_up">
    <button type="button" style="padding:0 13px;height:50px;border:0;background-size:25px;bottom:20px;cursor:pointer;position:fixed;z-index:8" class="material-icons">arrow_upward</button>
    </spin><br>
<spin style= "position:fixed; width=50px; right:73px; bottom:20px; z-index:10" id="nav_down">
    <button type="button" style="padding:0 13px;height:50px;border:0;background-size:25px;bottom:20px;cursor:pointer;position:fixed;z-index:8" class="material-icons">arrow_downward</button>
     </spin>

 

.  Теперь такой вопрос - как сделать, чтобы эти кнопки скрывались также, как и стандартная scrollerup, но только в начале и в конце страницы?

---

mike #2,

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

---

Yuri_Geruk,

Вы меня извините, но ткните меня носом, где, в какой строке конкретно, в вашем коде, есть указание на скрытие кнопок?  Я вот вижу только расположение кнопок и скролл по клику на них. Никаких 'display:none' я в упор не наблюдаю.     Вопрос риторический - пока ждал ответа, уже сам разобрался как происходит скрытие.