Back-To-Top кнопка с Javascript

Question

Back-To-Top кнопка с Javascript

0

Я делаю кнопку "back-to-top" для своего веб-сайта, и у меня есть следующие настройки; Мой HTML-код;

<div class="back-to-top">A</div>

Мой CSS;

.back-to-top{position: fixed; right: 60px; font-family: iconFont; font-size: 20px; color:#666; padding: 10px 15px 10px 15px; background-color: rgba(00, 00,00,0.3); border-radius: 5px; dislpay: none;}

background-color: rgba (0,0,0,0,4);}

Мой Javascript;

$('.back-to-top').click(function () {
    $("html, body").animate({
        scrollTop: 0
    }, 400);
   return false;
 }); 

$(window).scroll(function () {
                var height = $('body').height();
                var scrollTop = $(window).scrollTop();
                  if(scrollTop > 100){
                      $('.back-to-top').css({ 'position': 'fixed', 'bottom' : '50px' , 'display' : 'block'});
                }
                  else {
                     $('.back-to-top').css({ 'position': 'absolute', 'bottom': '-50px' , 'display' : 'none'});
                }
            });

Моя проблема в том, что когда я загружаю страницу, кнопка появляется в верхнем правом углу страницы, где ее не должно быть, но когда я ее прокручиваю, она исчезает, а затем функционирует нормально. Кроме того, когда я перезагружаю страницу в любой точке посередине, никаких сбоев нет. Как исправить мою кнопку, появляющуюся в верхней части моего угла при перезагрузке страницы на самом верху?

Lae 30 дек. 2013, в 19:43

Источник

Теги:

javascript

html

css

button

2 ответа

0

Не похоже, что у вас есть вертикальное положение для кнопки. Вы добавляете это только через свой JavaScript, когда прокручивается страница.

Попробуйте добавить bottom:50px вам css, чтобы установить начальное положение кнопки

Lee Bailey 30 дек. 2013, в 16:15

0

Это не моя проблема, моя проблема в том, что моя кнопка появляется в самой верхней части страницы, где она не должна. Он должен появиться, когда свиток выше 100.
Lae 30 дек. 2013, в 18:49
0

Понятно, похоже, Мариос решил это за тебя.
Lee Bailey 30 дек. 2013, в 18:51

Ещё вопросы

Это не моя проблема, моя проблема в том, что моя кнопка появляется в самой верхней части страницы, где она не должна. Он должен появиться, когда свиток выше 100.
Понятно, похоже, Мариос решил это за тебя.

Marios Fakiolas · Accepted Answer · 2013-12-30T15-52-00.000Z

Проверьте здесь http://jsfiddle.net/tQuK5/2/, он работает, добавляя

display: none;

к вашему css. Вы заявили это как оскорбление: нет; что сделало вещи немного обманчивыми.