Показать сообщение отдельно
  #1 (permalink)  
Старый 04.05.2018, 11:53
Интересующийся
Отправить личное сообщение для panikajo Посмотреть профиль Найти все сообщения от panikajo
 
Регистрация: 27.10.2017
Сообщений: 24

Помогите сделать костыль scrollspy для всех страниц сайта пожалуйста
Вообщем у меня на главной странице есть товары, они выводятся скриптом из другого сайта.
И у меня есть меню сайта вверху, так вот я хочу сделать - когда человек будет нажимать на любую надпись в меню, его плавно будет перебрасывать именно на товар, т.е нужен костыль на подобие ` scrollspy `.
Я уже пробовал самостоятельно сделать , вроде все работает. Но только на главной странице т.к сами товары и сам скрипт подключен только в index.html.

А мне надо чтобы он работал на всех страницах сайта -

<script>
        $(document).ready(function(){
            // Add scrollspy to <body>
            $('body').scrollspy({target: ".navbar", offset: 50});

            // Add smooth scrolling on all links inside the navbar
            $("#main-nav a").on('click', function(event) {
                // Make sure this.hash has a value before overriding default behavior
                if (this.hash !== "") {
                    // Prevent default anchor click behavior
                    event.preventDefault();

                    // Store hash
                    var hash = this.hash;

                    // Using jQuery's animate() method to add smooth page scroll
                    // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
                    $('html, body').animate({
                        scrollTop: $("#digiseller-header").offset().top
                    }, 800, function(){

                        // Add hash (#) to URL when done scrolling (default click behavior)
                        window.location.hash = hash;
                    });
                }  // End if
            });
        });
    </script>
Ответить с цитированием