滚动条中的中心缩略图（jQuery）

请查看此页面：

右边的缩略图，链接到不同的投资组合项目（Wordpress单篇文章）。我希望当用户进入页面时，活动项目的缩略图在滚动条中垂直居中。现在，它重置了滚动条，所以人们看不见导航。如何使用jQuery实现这一点

谢谢。

首先将“selected”类添加到当前链接的li中，并使用该类添加边距，而不是内联css

看起来您正在使用。这将允许您使用当前代码执行类似的操作

$（'.jScrollPaneContainer'）。滚动到（'.currentthumb'）

---

查看此功能

尝试此功能并报告发生的情况，我自己无法测试此功能：

$(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);
});

$（函数（）{
//获取指向当前页面的链接
var$active\u link=$（'a[href=\'+window.location.href+'\']'）；
//获取链接所在的滚动窗格
var$scroll_pane=$active_link.closest（“#滚动窗格”）；
//获取我们应该滚动的位置
var scrolltop=$active_link.offset（）.top-$（window.height（）/2；
//滚动量必须至少为0
scrolltop=scrolltop<0？0:scrolltop；
//滚动滚动窗格，使链接位于中间
$scroll_窗格。scrollTop（scrollTop）；
});

---

请注意，这需要一些改进，但首先您必须确认这在您的情况下有效–我只是根据jScrollPane的文档猜测滚动窗格部分。

我发现jScrollPane插件有自己的滚动功能：。即使使用jQuery选择器（位于底部）

我给了当前的缩略图一个类，叫做“currentthumb”

现在我只需要让ScrollTo函数在页面加载时发生，而不是在单击事件时发生，对吗？这看起来比较容易，不是吗

---

谢谢。

错误：window.height不是函数源文件：行：161Yea，它应该是jQuery对象（

$（window）

而不是

window

）。固定的。希望没有更多的错误：）没有错误了。但仍然不起作用。你觉得petersendidit的解决方案怎么样？它应该可以工作，但是scrollTo插件是可选的，它应该可以像我的版本一样工作。我猜问题出在'faux'可滚动div中，它不能与scrollTop一起正常工作。我得考虑一下，如果我能先自己测试一下，我会更新我的答案。你有什么新发现吗？谢谢。但是我得到了这个错误：error:o.easing[this.options.easing | | |（o.easing.swing？“swing”：“linear”）]不是函数源文件：Line:19删除{easing:'elasout'}。这是一个包含在不同文件中的更奇特的动画。我删除了它，但仍然没有滚动。我尝试了所有可能的选择器，我做错了什么？ThanksI更新了我的答案，不需要其他插件，没有看到你有jScrollPlane插件。它已经有一个scrollTo功能。似乎你将所选的类添加到了每个li元素中，而不仅仅是当时真正被选中的类。它很有效！！！非常感谢你！现在，我将尝试添加一个很好的缓解效果，就像您之前建议的：）