Прокрутите до верхнего скрипта - div не скроется, когда сверху

Я работаю над этим веб-сайтом под названием http://martindue.dk/mmd3x9x/, и у меня есть этот прокрутки до верхнего скрипта, который просто не будет координировать. Я использовал сценарий на многих других сайтах, и он отлично работает, но на этом конкретном сайте div # to-top продолжает появляться, даже если я нахожусь на самой вершине веб-сайта, почему не будет он исчезает правильно, когда наверху?Прокрутите до верхнего скрипта - div не скроется, когда сверху

Мой код выглядит это (# является insertted к вершине после тела тега в моем HTML):

Javascript

jQuery(document).ready(function() { 
    $toTop = jQuery("#to-top"); 

    $toTop.hide(); 

    jQuery(window).scroll(function() { 
     if(jQuery(this).scrollTop() != 0) { 
      $toTop.fadeIn(); 
     } else { 
      $toTop.fadeOut(); 
     }  
    }); 

    $toTop.click(function() { 
     jQuery("body, html").animate({ scrollTop : 0 }, 500); 
     return false; 
    }); 
});

CSS

#to-top { 
    background: url("img/to-top.png") center top no-repeat; 
    background-size: 100%; 
    width: 50px; 
    height: 50px; 
    position: fixed; 
    bottom: 60px; 
    right: 60px; 
    cursor: pointer; 
    /*display:none;*/ 
    /*opacity: 0.0;*/ 
}

Я создал этот скрипка, и здесь она отлично работает: http://jsfiddle.net/2Rubp/

источник

2013-12-14 Dueify

кросс-браузер Я посмотрел на свой код скрипку и не похоже, что проблема описана. Когда я прокрутил вверх, маленький черный ящик исчез, и когда я прокрутил верх, он появился. –

Да, это странная часть, потому что она отлично работает с кодом скрипки, но не на моем фактическом сайте. Думаю, какой-то другой код может поднять его? – Dueify

Попробуйте добавить предупреждение, чтобы увидеть, работает ли функция прокрутки, alert («Scroll Is Working.»); ниже значения fade in. Если при прокрутке не появляется предупреждение, вы никогда не добираетесь до функции, и это проблема с вашим jQuery (возможно, пропущенный тег где-то над ним возился с кодом), если он всплывает, вы должны быть возникли проблемы с поиском div или чего-то. – Zach

Я знаю, что это не js, но я п в этом случае вы только с помощью замирания так CSS может сделать трюк:

#to-top { 
background: url("img/to-top.png") center top no-repeat; 
background-size: 100%; 
width: 50px; 
height: 50px; 
position: fixed; 
bottom: 60px; 
right: 60px; 
cursor: pointer; 
**-webkit-transition: all 0.5s linear;** 
display: none; 
opacity: 0.0; 
}

NB: это для хрома увидеть это для совместимости http://www.w3schools.com/css/css3_transitions.asp

источник

2013-12-14 23:24:05

Прокрутите до верхнего скрипта - div не скроется, когда сверху

ответ

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