Question

我在div元素中有一组元素发生了溢出：scroll;

当我需要更多的元素（产品）时，我想滚动到该容器中的第一个新元素。持有溢出滚动的容器不是直接父级。（我认为这很重要）

    <div role="tabpanel" class="tab-pane fade in active" id="home" style="overflow: scroll;">
      <div class="row">
        <div product-id="' . $product['id'] . '"><!--product container-->
        <div product-id="' . $product['id'] . '"><!--product container-->
        <div product-id="' . $product['id'] . '"><!--product container-->

我尝试过这种方法，它确实可以滚动到内部，但不会让我进入目标元素。

$('.tab-content div.active').animate({
    scrollTop: $('div[product-id="'+data.products[0].id+'"]').offset().top
}, 500);

我尝试了.scrollTop失败，或者以多种方式尝试使我滚动但只是没有到达目标div

$('.tab-content div.active').scrollTop($('div[product-id="'+data.products[0].id+'"]').position().top);

我要怎么做

在另一个具有溢出滚动的元素内滚动焦点元素

0 个答案: