在滚动条中心的缩略图（jQuery的）(centre thumbnail in scrollbar

请看看这个页面： http://onomadesign.com/wordpress/identity-design/hans-appenzeller/

右边的缩略图，链接到不同的投资组合项目（WordPress的单帖）。我想活动项目的缩略图中滚动条垂直居中当用户进入页面。眼下，它重置滚动条，让人们忽略导航。如何做到这一点使用jQuery？

谢谢。

Answer 1:

第一类的“选择”添加到当前连接的Li和使用类，加入你的保证金而不是内联CSS

看起来你正在使用的jScrollPlane插件。这将让你做这样的事情与你当前的代码。

$（ 'jScrollPaneContainer '）scrollTo（'。currentthumb'）;

请参见本为jScrollPlane scrollTo页面功能

Answer 2:

试试这个，报告会发生什么，我无法测试此我自己：

$(function() {
    // Get the link that points to the current page
    var $active_link = $('a[href=\''+window.location.href+'\']');        
    // Get the scroll pane that the link is in
    var $scroll_pane = $active_link.closest('#scroll-pane');

    // Get the position where we should scroll
    var scrolltop = $active_link.offset().top - $(window).height() / 2;
    // Scroll amount must be at least 0
    scrolltop = scrolltop < 0 ? 0 : scrolltop;

    // Scroll the scrollpane so that the link sits at the middle
    $scroll_pane.scrollTop(scrolltop);
});

请注意，这需要一些细化，但首先你要确认这个工作在你的情况 - 我根据JScrollPane中的文件只是猜测在滚动窗格中的一部分。