焦點選擇

Question

這裏是我使用的產品創建擴展盒我JS提琴：使用此代碼

http://jsfiddle.net/wpneily/vsnag7ja/ ：

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-container」。任何人都可以請幫忙。

Answer 1

試着在你$item.click處理程序的末尾添加下面的代碼：

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

更新您的fiddle