如何使用javascript重置div中的滾動位置

Question

我正在研究移動混合應用程序。

在我的html頁面中，我有3個標簽。 單擊選項卡時，可滾動div的內容會發生變化。 我的問題是當我向下滾動div（視圖）的內容並單擊另一個選項卡時，內容消失（但內容在那里）。

所以，請幫助我，以便我可以在點擊任何標簽時重置位置。

請建議我只使用JavaScript或CSS，而不是使用JQuery，因為我沒有使用JQuery庫。

Answer 1

沒有看到代碼，我可以猜測。 如果要重置滾動位置，只需使用即可

window.scrollTo(0,0); 

將此代碼添加到每個選項卡單擊功能，以便在您單擊任何選項卡時，它將重置為頂部。

如果您有任何具有溢出屬性的特定div

var myDiv = document.getElementById('specificDiv');
myDiv.scrollTop = 0;

Answer 2

這很容易

 <div id="test" style="height:150px; width:600px;overflow-y:auto;background-color:gray;">
     <div style="width:150px;height:500px; background-color:green;"></div>
 </div>

 document.getElementById('test').scrollTop =0; 

Answer 3

最后這對我有用

function resetScrollPos(selector) {
  var divs = document.querySelectorAll(selector);
  for (var p = 0; p < divs.length; p++) {
    if (Boolean(divs[p].style.transform)) { //for IE(10) and firefox
      divs[p].style.transform = 'translate3d(0px, 0px, 0px)';
    } else { //for chrome and safari
      divs[p].style['-webkit-transform'] = 'translate3d(0px, 0px, 0px)';
    }
  }
}
resetScrollPos('.mblScrollableViewContainer');

在視圖之間轉換后調用此函數將重置我的滾動位置。