Помогите разобраться. При загрузке страницы, если не трогать скролл, элемент #back-top первоначально отображается на экране. После при прокрутке страницы начинает работать как положено. В css стоит display:none;, но первоначально не реагирует на него.
jQuery(function(f){
var element = f('#back-top');
f(window).scroll(function(){
element['fade'+ (f(this).scrollTop() > 200 ? 'In': 'Out')](500);
});
});
#back-top {
position: fixed;
right: 0px;
bottom: 0px;
display: none;
}
#back-top img {
opacity: 0.3;cursor: pointer;
}
#back-top img:hover {
opacity: 1;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="back-top" style="display: block;"><img src="http://vanna.br31.ru/img/master_zamera.png" alt="вызвать мастера" /></div>