Javascript 版面中的焦点选择

这是我的JS提琴，我正在使用它为产品创建扩展框：

使用此代码：

var $container = $('#iso-container'),
  $items = $('.item');

$container.isotope({
itemSelector: '.item',
masonry: {
  columnWidth: 60
},
getSortData : {
  selected : function( $item ){
    // sort by selected first, then by original order
    return ($item.hasClass('selected') ? -500 : 0 ) + $item.index();
  }
},
sortBy : 'selected'

})

$items.click(function(){
console.log('ee')
var $this = $(this);
// don't proceed if already selected
var $previousSelected = $('.selected');
if ( !$this.hasClass('selected') ) {
  $this.addClass('selected');
}

$previousSelected.removeClass('selected');

// update sortData for new items size
$container
  .isotope( 'updateSortData', $this )
  .isotope( 'updateSortData', $previousSelected )
  .isotope();

});


$('.noclick').click(function(e){
console.log('dd')
e.stopPropagation();
});

---

这非常有效，除非用户向下滚动并选择当前打开的选择下面的一个框，新的选择在上面的视图之外打开。换句话说，新选择的产品框不在焦点中。我希望选中的框不仅可以打开，还可以将页面滚动到容器顶部，在本例中，id=iso容器。任何人都可以提供帮助。

尝试在$item末尾添加以下代码。单击处理程序：

---

更新您的

谢谢您的支持。我很感激。

 $('html,body').animate({scrollTop: $("#iso-container").offset().top}, 'slow');