引導程序3.1.1附加和Youtube問題

當頁面上嵌入了YouTube時，Affix會有什麼原因？左側邊欄（這是我所附的）不會在您滾動時粘貼。在第二個屏幕截圖中，我將鼠標懸停在側邊欄上以獲取一些元素，以便您可以看到它。我刪除了YouTube視頻，它工作得很好。如果需要的話，我可以發佈更具體的信息......在這個特殊問題出現的時候，我無法在網上找到任何資源。引導程序3.1.1附加和Youtube問題

enter image description here

來源

2014-04-30 pep

你能夠發佈一個鏈接到當前頁或重新創建[的jsfiddle]錯誤（http://jsfiddle.net）？ – Joe

沒問題。非常奇怪的是，它在Safari和Firefox中適用於我，但不適用於Chrome。我會仔細看看。 – Joe

相同。這是一個真正的頭部劃痕。 Github上的Bootstrap人不需要這個問題！ – pep

的解決方案是增加：

-webkit-transform: translate3d(0,0,0);

到.sidebar-affix類。

的原因是.ytp-force-transform有以下類型：

-moz-transform: translate3d(0,0,0); 
-ms-transform: translate3d(0,0,0); 
-webkit-transform: translate3d(0,0,0); 
transform: translate3d(0,0,0);

，這是影響側邊欄的呈現。簡單的解決方法就是將translate3d(0,0,0)樣式添加到邊欄，以便YouTube的CSS不再幹擾它。

這裏是translate3d(0,0,0)沒有一個很好的解釋：http://aerotwist.com/blog/on-translate3d-and-layer-creation-hacks/

來源

2014-04-30 18:52:24 Joe

喬，非常感謝您的幫助。這需要我花幾個小時來縮小它的範圍！ – pep

@pep - 完全沒有問題，它不是一個明顯的問題！ – Joe

引導程序3.1.1附加和Youtube問題

回答

相關問題