Перейти к содержимому


Автоматическая Прокрутка

прокрутка мобильная

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 like.hornet.6

like.hornet.6

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 168 сообщений
  • ГородРостов-на-Дону

Отправлено 21 Октябрь 2019 - 09:22

Нужно следующее:
на мобильных устройствах при переходе непостредственно на страницу товара автоматически скролилось до названия товара с тегом H1.
А на странице со списком товаров тоже скролилось до начала списка товаров соответственно.

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 19 Ноябрь 2019 - 07:44

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товар - в самом конце вставьте:
<script type="text/javascript">
$(function(){
  if(getClientWidth() < 481){
	$('html,body').animate({
		scrollTop: $(window).scrollTop() + 207
	});
  }
});
</script>

В шаблоне Товары в самом конце вставьте:
<script>
$(function(){
  if(getClientWidth() < 481){
	$('html,body').animate({
		scrollTop: $("#page-title").offset().top
	});
  }
});
</script>


#3 like.hornet.6

like.hornet.6

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 168 сообщений
  • ГородРостов-на-Дону

Отправлено 28 Ноябрь 2019 - 10:32

Просмотр сообщенияVaccina (19 Ноябрь 2019 - 07:44) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товар - в самом конце вставьте:
<script type="text/javascript">
$(function(){
if(getClientWidth() < 481){
$('html,body').animate({
	 scrollTop: $(window).scrollTop() + 207
});
}
});
</script>

В шаблоне Товары в самом конце вставьте:
<script>
$(function(){
if(getClientWidth() < 481){
$('html,body').animate({
	 scrollTop: $("#page-title").offset().top
});
}
});
</script>
Всё отлично работает, прокручивает как нужно.
Спасибо большое!





Темы с аналогичным тегами прокрутка, мобильная

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных