mCustomScrollBar "scrollTo，divID“无效

Question

我似乎在使用".mCustomScrollbar("scrollTo"，divID)“函数滚动到一个元素时遇到了问题。

我有一个div (id=“#包装器”)，它包含大量的div(每个20 to的高度可达800div)。

然后，我将mCustomScrollbar添加到这个#包装器div中，以使用它的自定义滚动条功能，如下所示：

$("#wrapper").mCustomScrollbar();

现在我有了一个大的可滚动的div，它包含一个div的“类似列表”的结构，而不是一个实际的列表，只是div像一个列表一样堆叠在一起。

在我的页面的其他地方，我有一个按钮，在“#包装器”div中包含div元素的id，当我单击这个按钮时，我希望将div元素滚动到视图中，这是我当前的尝试：

var divID = 'div[id^=' + clickedID +']';

$('#wrapper').mCustomScrollbar("scrollTo",divID);

这个函数声称在#包装器div中滚动"divID“到视图中，并且它是，但是，我遇到的问题是，在"divID”出现之前，它有时需要2-4次调用"scrollTo“函数。

请有人帮助我理解为什么"divID“不滚动到"scrollTo”函数的第一次调用的视图中，以及如何使它像我所期望的那样工作？

亲切的问候

Answer 1

我知道我有点晚了，但也许我能帮你(或者其他人).

我也有过同样的问题。希望滚动到列表中的选定项(选择了类的li )，并解决仅传递我想要滚动的像素的问题。

一些事情，比如：

var objPixelScrollIntoView = $('#myObjToScrollIntoView')[0].offsetTop;
$('#myDivSetWith_mCustomScrollbar').mCustomScrollbar("scrollTo", objPixelScrollIntoView);

或者，特别是针对你的情况：

var objDivPosition = $('div#' + clickedID)[0].offsetTop;  // The 'div' before '#' is not necessary, but I want to keep some reference to Your selector
$('#wrapper').mCustomScrollbar("scrollTo", objDivPosition);