Поддержка Плагины Автоматический скролл вверх, при переходе на новую страницу

  • В товарах woocommerce есть разбивка на страницы, вот когда переходишь на следующую, как сделать что бы скролл автоматически проходил вверх? Что бы следующую страницу смотреть сверху в низ, потом нажимаешь на следующую, обратно она загружается сверху. а то сейчас приходится снизу в верх смотреть, потом обратно идти вниз что бы нажать на следующую страницу

    • Тема изменена 6 лет, 4 месяца назад пользователем w007s.
Просмотр 9 ответов — с 1 по 9 (всего 9)
  • что-то не так у вас с темой.
    обычно так и происходит: при переходе на следующюю страницу она открывается сверху

    Если пагинация на ajax — то такое может быть и надо писать обработчик который по готовности и успешном ответе ajax будет скроллить вверх.

    тема Monstroid2, страница сама вверх не скролица

    • Ответ изменён 6 лет, 4 месяца назад пользователем w007s.
    • Ответ изменён 6 лет, 4 месяца назад пользователем w007s.
    Модератор Yuri

    (@yube)

    обычно так и происходит: при переходе на следующюю страницу она открывается сверху

    … если в ссылке нет якоря.

    а как сделать якорь?

    а как сделать якорь?

    http://htmlbook.ru/samhtml/yakorya
    Но это не Ваш случай.
    Как на примере — это загрузка контента аяксом (спорная фича, мена лично раздражает. Догрузка — да, возможно, но не смена страниц.)

    этот скрипт кажется нужно как то прикрутить:
    !function(a,b,c){a.fn.scrollUp=function(b){a.data(c.body,"scrollUp")||(a.data(c.body,"scrollUp",!0),a.fn.scrollUp.init(b))},a.fn.scrollUp.init=function(d){var e,f=a.fn.scrollUp.settings=a.extend({},a.fn.scrollUp.defaults,d);e=f.scrollTrigger?a(f.scrollTrigger):a("<a/>",{id:f.scrollName,href:"#top"}),f.scrollTitle&&e.attr("title",f.scrollTitle),e.appendTo("body"),f.scrollImg||f.scrollTrigger||e.html(f.scrollText),e.css({display:"none",position:"fixed",zIndex:f.zIndex}),f.activeOverlay&&a("<div/>",{id:f.scrollName+"-active"}).css({position:"absolute",top:f.scrollDistance+"px",width:"100%",borderTop:"1px dotted"+f.activeOverlay,zIndex:f.zIndex}).appendTo("body");var g,h,i,j;switch(f.animation){case"fade":g="fadeIn",h="fadeOut",i=f.animationSpeed;break;case"slide":g="slideDown",h="slideUp",i=f.animationSpeed;break;default:g="show",h="hide",i=0}j="top"===f.scrollFrom?f.scrollDistance:a(c).height()-a(b).height()-f.scrollDistance;var k=!1;scrollEvent=a(b).scroll(function(){a(b).scrollTop()>j?k||(e[g](i),k=!0):k&&(e[h](i),k=!1)});var l;f.scrollTarget?"number"==typeof f.scrollTarget?l=f.scrollTarget:"string"==typeof f.scrollTarget&&(l=Math.floor(a(f.scrollTarget).offset().top)):l=0,e.click(function(b){b.preventDefault(),a("html, body").animate({scrollTop:l},f.scrollSpeed,f.easingType)})},a.fn.scrollUp.defaults={scrollName:"scrollUp",scrollDistance:300,scrollFrom:"top",scrollSpeed:300,easingType:"linear",animation:"fade",animationSpeed:200,scrollTrigger:!1,scrollTarget:!1,scrollText:"Scroll to top",scrollTitle:!1,scrollImg:!1,activeOverlay:!1,zIndex:2147483647},a.fn.scrollUp.destroy=function(d){a.removeData(c.body,"scrollUp"),a("#"+a.fn.scrollUp.settings.scrollName).remove(),a("#"+a.fn.scrollUp.settings.scrollName+"-active").remove(),a.fn.jquery.split(".")[1]>=7?a(b).off("scroll",d):a(b).unbind("scroll",d)},a.scrollUp=a.fn.scrollUp}(jQuery,window,document);

    • Ответ изменён 6 лет, 4 месяца назад пользователем Yui. Причина: [code]

    или вот это
    <script>
    $(window).on(‘load’, function(){
    $(‘html body’).scrollTop(0);
    });
    </script>
    как то прописать в functions.php

    • Ответ изменён 6 лет, 4 месяца назад пользователем w007s.
    • Ответ изменён 6 лет, 4 месяца назад пользователем w007s.
    • Ответ изменён 6 лет, 4 месяца назад пользователем w007s.
Просмотр 9 ответов — с 1 по 9 (всего 9)
  • Тема «Автоматический скролл вверх, при переходе на новую страницу» закрыта для новых ответов.