Страницы продуктов загружаются в нижней части экрана
Мой вид продукта внезапно загружается в нижней части страницы, требуя от посетителей прокрутки вверх. Это влияет на все мои продукты.
Какой код я могу использовать, чтобы принудительно вывести страницу наверх при загрузке, чтобы посетителям не требовалось прокручивать ее вверх?
3 answers
Скорее всего, у вас есть форма в нижнем колонтитуле, которая настроена на автофокусировку.
Это происходит, когда вы создали объект из js следующим образом:
var someForm = new VarienForm('some-id', true);
Второй параметр означает firstFieldFocus
. Поэтому, если вы установите для него значение true, то первое поле в форме будет автоматически сфокусировано при загрузке страницы.
Нет необходимости в обходных путях js. Просто сделайте второй параметр false
;
Мои деньги находятся в форме информационного бюллетеня
Мое решение этой проблемы было просто opcheckout_rwd.js
и добавило этот код
Найдите этот раздел:
this.currentStep = section;
var sectionElement = $('opc-' + section);
sectionElement.addClassName('allow');
this.accordion.openSection('opc-' + section);
Добавлена эта строка:
$j('html,body').animate({scrollTop: $j('#checkoutSteps').offset().top}, 15);
Прокрутите видовой экран до верхней части шагов оформления заказа для меньших видовых экранов
if (Modernizr.mq('(max-width: ' + bp.xsmall + 'px)')) {
$j('html,body').animate({scrollTop: $j('#checkoutSteps').offset().top}, 800);
}
Это можно решить с помощью java-скрипта. Вам нужно добавить следующий код в нижней части view.phtml:
<script type="text/javascript">
window.onload= function(){
parent.window.scrollTo(0,0);
}
</script>
Это автоматически приведет к прокрутке окна посетителей в верхнюю часть страницы.