javascript - jquery 滚动到类名

Question

我有如下的 Html 代码，

<div data-stored="storenow" data-save="save" class="saveIcon" data-unique="game">Save</div>

然后我编写 jquery 来滚动到 gameNo 456，如下所示。

var container = $("html,body");
var scrollTo = $(this).find('.saveIcon').attr('data-unique', 456);

 container.animate({
    scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()
});

我使用的是 jQuery 1.9 版。我在控制台中收到错误消息:

Cannot read property 'top' of undefined

难道不能滚动到类名而不是 id 吗？

但它在 Firefox 中运行良好。但不是在 chrome 或 IE 中。

我尝试从 stackoverflow 中寻找解决方案。但是所有其他解决方案都与我的情况不同。

Answer 1

您不是以 DOM 对象为目标，而是以字符串为目标。

scrollTo = $(this).find('.saveIcon').attr('data-unique', 456); -> this is wrong

因此，当您尝试定位一个元素时，您实际上是将“data-unique”设置为“.saveIcon”元素。

试试这个:

scrollTo = $('.saveIcon');

工作代码:

var $container = $("html,body");
var $scrollTo = $('.saveIcon');

$container.animate({scrollTop: $scrollTo.offset().top - $container.offset().top + $container.scrollTop(), scrollLeft: 0},300);