我有一個div元素(ID爲target
),其中有幾個錨都有ID。我有一個按鈕連接到一個JavaScript函數通過onclick
屬性,讓div元素滾動,以便某個錨點出現在div的頂部位置。該功能是這樣的:如何在元素高度不夠時強制滾動
scrollToTag = function(id){
var target = document.getElementById('target');
var goal = document.getElementById(id);
target.scrollTop = goal.offsetTop - target.offsetTop;
};
當DIV(target
)的高度是不夠的,我們的目標錨不會去到div的頂部,因爲它不能再繼續滾動。
強迫它滾動的最佳方法是什麼?我想出了一個想法,在div的高度附加一個空白元素,但我不確定這是否合適。有沒有更好的方法來做到這一點?
您可以使用'overflow:auto'包裝器,並將'margin-bottom:100%'設置爲'target'。 – Teemu 2015-02-09 09:05:51
@Teemu這有滾動困難。 – sawa 2015-02-12 18:44:38
我無法想象這會是什麼(類似的樣式對我有用),但似乎你已經有了一個很好的解決方案。 – Teemu 2015-02-12 18:56:35