1. 程式人生 > >html,讓頁面滾動到指定位置

html,讓頁面滾動到指定位置

做了一個列表,根據字母a-z的順序排序,並且在頁面右邊使用fixed定位顯示a-z,點選字母,列表滾動到相應的的位置,如圖:
這裡寫圖片描述
滾動部分的js程式碼如下:

let obj = document.getElementById(id)
let oPos = obj.offsetTop - (50*document.documentElement.clientWidth/375);
document.documentElement.scrollTop = oPos;
document.body.scrollTop = oPos;

在ios下和電腦上都一切正常,但是在安卓手機上點選右側字母列表,能觸發事件,但是滾動無效。
最後發現是我在css裡對body設定了

body{
    height:100%;
}

導致body的高度只有螢幕高度那麼高,就滾不動了;
解決辦法:

body{
    min-height:100%;
}