jscrollpane Автопрокрутка при загрузке документа? - PullRequest
Новая
       22

jscrollpane Автопрокрутка при загрузке документа?

1 голос
/ 11 апреля 2011

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

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

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

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

Похоже, этот сайт выполняет автопрокрутку до элемента класса, который я пытался воспроизвести на сайте, над которым я работаю: 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, который действительно пытался разобраться в этом и потратил ооочень много времени на него, поэтому любую помощь по этому вопросу я был бы очень рад получить.

1 Ответ

1 голос
/ 13 апреля 2011

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

http://jscrollpane.kelvinluck.com/

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

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

Обычно вам нужна ссылка на API , а затем вы просто вызываете scrollToY (или scrollToElement ) ...

...