Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как сделать ссылки из файла CSS корректными для всех директрорий сайта? GrEb (X)HTML/CSS 7 28.01.2020 12:56
Сделать класс активным для всех путей URL eXTrEMe888 jQuery 13 20.08.2014 13:58
один обработчик для всех элементов определенного класса Pedro Garciya Lopez Events/DOM/Window 6 05.07.2013 22:39
Как в общем меню для всех страниц поменять класс определенного пункта в зависимости о phenom Элементы интерфейса 2 08.04.2011 11:09
Новая система управления сайтом Scripto CMS deepslam Ваши сайты и скрипты 38 31.01.2011 14:55