Блог

Я пытаюсь запустить автоматическую прокрутку при загрузке страницы для реализации jscrollpane. Причина в том, что использование ссылок привязки для прокрутки к элементам в области панели, когда там много содержимого, похоже, портит расчет высоты прокрутки.

Пример здесь:http://sunlight.pixelalchemy.com.au/tiltrak

(после загрузки страницы нажмите на самую низкую ссылку «Нижние веса», и вы увидите проблему)

Если вы сначала используете ручную прокрутку (перетащите синюю полосу). Затем используйте ссылки, все работает нормально. Итак, я пытаюсь сделать автоматическую прокрутку при загрузке страницы к элементу вверху, чтобы имитировать то, что, по-видимому, работает как решение. (использование автоматической инициализации, похоже, не сработало для меня)

Похоже, этот сайт выполняет автоматическую прокрутку к элементу класса, который я пытался воспроизвести на сайте, над которым я работаю:http://onomadesign.com/wordpress/identity-design/china-packaging-corporation /

Мой код на странице для этого:

 $(function()
            {
                // Set up #pane4 and the links which scrollTo elements within it

                var $pane4 = $('#contentPanel');
                $pane4.jScrollPane({animateTo:true});
                $pane4.scrollTo('.productInfo');
                $('a.scroll-to-element-demo').bind(
                    'click',
                    function()
                    {
                        var targetElementSelectorString = $(this).attr('rel');
                        $pane4[0].scrollTo(targetElementSelectorString);
                        return false;
                    }
                );
            });
 //left content panel slide in to appear on document ready
$(document).ready(function () {
    $("#mainContent").animate({"right": " =673px"}, "3000");
});
  

Я также пытался добавить это в часть «О готовности документа» (внизу страницы js):

 $("#mainContent").scrollTo('.productInfo');
  

Кажется, оба не работают.

Пожалуйста, помогите, я новичок в jQuery, который действительно пытался разобраться в этом и потратил на это ооочень много времени, поэтому я был бы очень рад получить любую помощь в этом.

Похоже, вы используете очень старую версию JScrollPane (v1), а не текущую (v2). Текущую версию вы можете найти здесь, и, возможно, с ней будет проще работать:

http://jscrollpane .kelvinluck.com/

Здесь приведен пример использования метода scrollToY из API:

http://jscrollpane .kelvinluck.com/scroll_to.html

В принципе, вам нужна ссылка на API, а затем вы просто вызываете scrollToY (или scrollToElement)…