角度vs重複點擊滾動事件直到點擊底部（有時是頂部）

Question

我有幾個頁面包含可變尺寸的對象集合，其中一個似乎每次重複完成向下滾動事件並調用$一路消化直至達到底部。重複陳述相當討厭。

<div vs-repeat class="code-window" ng-init="dgnIdx = 0;"> 
    <div ng-repeat="dgn in codes = (displayDiagnosisCodes|codeLevel:'displayDiagnosis':hideAnswered|secondaryOrDo|codeSearch:diagnosisFilter) track by $index" 
     ng-init="$parentIndex = $index;" style="overflow: hidden;" class="code-row" 
     ng-class="{'active':$parent.dgnIdx==$index, 'child-row': dgn .role=='diagnosis', 'open': (dgn |codeChecked:DISPLAY_EXPAND)}"> 
     <div ng-repeat="choice in dgn ChoiceColumns track by $index" 
      ng-click="setChoice(dgn , choice.value)" 
      data-hotkey="{{$parent.dgnIdx==$parentIndex&&(''+($index+1))||''}}" 
      ng-class="{'radio-col':true,'even': $even}"> 
      <input name="{{dgn .role+':'+dgn .id}}"/> 
     </div> 
     <div ng-bind="dgn.code"></div> 
     <div ng-bind="dgn.title"></div> 
    </div> 
<div> 

我也有一些其他頁面遵循非常相似的模式，但不要分享這種粗糙的滾動行爲。

Answer 1

發現這是一個關於css功能的Chrome問題，它允許鎖定元素而其他元素添加到集合中。

添加「overflow-anchor：none;」到父元素修復它。

https://github.com/kamilkp/angular-vs-repeat/issues/156