CSS只固定y軸

我正在研究一個有導航欄的項目。滾動瀏覽頁面以方便訪問時，必須修復導航欄。問題是，當我縮小瀏覽器的屏幕尺寸並向右滾動時，導航欄保持固定狀態，無法訪問導航欄右側的按鈕。我搜索了互聯網，找不到解決方案。我確實發現了一些關於修復X軸的問題，但jQuery是唯一的解決方案，我對jQuery一無所知，因此我無法將代碼更改爲適用於Y軸。CSS只固定y軸

來源

2012-12-30 falidoro

一些示例代碼將是很好的，但現在我可以告訴你：初始頁面加載使用百分比，使用'@針對不同的瀏覽器media'查詢大小等，如果你想在客戶端能夠調整瀏覽器;那麼這個動作需要一個JavaScript函數。 – sourRaspberri

我想實現類似此示例中的第二個div的東西http://demo.rickyh.co.uk/css-position-x-and-position-y/ – falidoro

位置：用頂部/左側固定位置固定。 F12工具FTW！ –

#boxToFloat{ 
    position:fixed; 
    left:10%; 
    top:10%; 
    z-index:100; 
    border-radius:4px; 
    border:1px solid #FCFCFC; 
    background:#333333; 
    content:'tudhur!';//forgive my comical sense &amp; spelling :) 
}

來源

2012-12-30 13:56:00 sourRaspberri

如果我向右滾動，div仍然跟着滾動，那就是問題所在。 – falidoro

@maximilidaan檢查此jquery腳本以檢測滾動位置。我建議使用if語句來檢測滾動positionLeft不是= 0。然後設置位置：固定到位置：靜態。這應該工作。然後顯然是一個函數返回CSS默認。 – sourRaspberri

回答

相關問題