檢查元素在溢出滾動中是否完全可見DIV

我創建了一個容器，它有一個元素列表的溢出滾動條，當點擊一個元素時，它會觸發一個事件，我在想如何檢查if元素是完全可見的，如果它不可見，則使outter div滾動，直到元素完全可見而不是觸發事件。檢查元素在溢出滾動中是否完全可見DIV

有沒有辦法使用本地css3動畫和一些js的組合滾動？

只需要爲webkit瀏覽器，更具體的移動Safari瀏覽器工作。

繼承人我努力的一些示例代碼至今：

2012-01-10 calebo

檢查這個問題：https://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-當前視口..只是採用它的div而不是整個視口 – 2017-08-20 16:45:40

我現在用的是scrollTo插件滾動/動畫;並找到正確的幻燈片，我正在尋找偏移量大於10的第一個幻燈片;然後我假設前一個是目標。

if ($this.offset().left >= 10) { 
    // Other logic 
    return false // Return false to stop the jQuery each method 
}

好運

2012-01-10 02:15:59

嗨，我不認爲這是正確的。您打算點擊第4項不完全可見），那麼它應該滾動/拉到左側，第4項將完全可見，然後觸發特定於內容項目的事件。 – calebo 2012-01-10 02:50:57

請再讀一遍您的問題。你不會提到「click」這個詞。重寫它，我會幫你。 – 2012-01-10 03:46:39

回答