使用角度在溢出-x自動停止自動滾動

Question

我有一個套接字事件，使用$scope.items.unshift(item)到列表頂部。

的HTML是使用<ol ng-repeat="item in items"><li>{{item.name}}</li></ol>

的問題是，每當一個項目進入時，如果用戶在所有

ol { overflow-y: auto; max-height: 100px; } 

然後向下滾動列表上的滾動位置的變化，如果他們讀取一個項目的一半，它跳出視圖或頁面上多一點。

我試圖能夠將項目動態地添加到列表中，但沒有滾動條移動...這樣即使項目正在流入列表頂部，當前滾動位置仍然粘滯。

Answer 1

我建議你在不改變它的情況下從scrollTop增加一個項目的高度。讓你列表元素myList和做類似：

var currentScrollTop = myList.scrollTop(), 
itemHeight= 30; 
$scope.items.unshift(item) 
myList.scrollTop(currentScrollTop + itemHeight); 

我沒有測試此代碼，但它應該給你一個想法。