Прокрутка страницы вверх

Статус
В этой теме нельзя размещать новые ответы.

Rommax

Проверенные
Сообщения
1,342
Реакции
502
Баллы
8,215
Приветствую
Есть такой код
Подскажите как скрыть если размер страницы достигает 1400

Код:
<script type="text/javascript">
jQuery(document).ready(function() {

jQuery('body').append('<div class="button-up" style="display: none;opacity: 0.7;width: 50px;height:100%;position: fixed;left: 0px; z-index: 0; top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;">Go Top</div>');

jQuery (window).scroll (function () {
if (jQuery (this).scrollTop () > 100) {
jQuery ('.button-up').fadeIn();
} else {
jQuery ('.button-up').fadeOut();
}
});

jQuery('.button-up').click(function(){
jQuery('body,html').animate({
scrollTop: 0
}, 800);
return false;
});

jQuery('.button-up').hover(function() {
jQuery(this).animate({
'opacity':'1',
}).css({'background-color':'rgba(19, 20, 21, 0.37)','color':'#d3dbe4','z-index' : '1'});
}, function(){
jQuery(this).animate({
'opacity':'0.7'
}).css({'background':'none','color':'#d3dbe4','z-index' : '1'});
});

});
</script>
 
Вообще, есть - .
А так ещё от полной реализации зависит.
 
  • Мне нравится
Реакции: Hope
Ну я не совсем понял про адаптивный дизайн но
в шаблон header вставил код что выше и все
upload_2016-3-21_20-27-8.png
Но когда сужается форум получается что на область налазит и к примеру если на главной странице попытаться нажать на название раздела ближе к левой стороне то страница прокручивается верх.
upload_2016-3-21_20-30-12.png
Я не силен во всем этом вот и прошу подсказать как быть )
 
Линк на форум, там уже посмотрим.

Пробуйте в EXTRA.css.
Код:
<xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveMediumWidth) {
    .button-up {
        display: none !important;
    }
    }
</xen:if>
 
Спасибо больш0е помогло но вот только когда указал размер как 1400 .
Код:
<xen:if is="@enableResponsive">
    @media (max-width:1400px) {
    .button-up {
        display: none !important;
    }
    }
</xen:if>
 
Так всё верно, я для адаптивного дизайна делал, а на нужное значение, уже сами и заменили.
 
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу