左上方像素100％瀏覽器窗口寬度

是否可以加載我的網頁，以便左上角像素不是第一個像素而是其他位置？左上方像素100％瀏覽器窗口寬度

這是我目前的網頁佈局，我想被載入我的網頁上，這樣左上角的像素是正確的，其中紅色箭頭土地

enter image description here

來源

2015-06-29 Jesus Christ

您可能要重新考慮你的用戶名。 – connexo

我沒有看到您的用戶名有任何問題。沒有人會抱怨，如果它是「布魯斯韋恩」。忽略他。 – Chev

你試圖解決什麼是真正的問題？如果這是你需要的，你可以用負值來定位東西，例如'top：-1000px'，但爲什麼你需要這樣做呢？我問，因爲也許我們有一些更好的建議來幫助你解決實際問題。 – Chev

我想我明白你的要求：這聽起來就像你的目標是有一個單欄頁面，然後專門在右側/左側塊的左側，你想能夠左右滾動。

如果這是正確的，我會調整你的網頁，我們只是中間一列，然後使用您#about節這樣的CSS定位：

#about {position: relative;} 
#left {position:absolute; left:-100%; width:100%; min-height:100%;} 
#right {position:absolute; left:100%; width:100%; min-height:100%;}

您可能需要做一些與你的身體溢出，太：

body {overflow-x:hidden;}

然後，爲了創造你想要的功能，你可以使用JavaScript/jQuery來動畫部左/右當你點擊在#about部分的錨。

或者你可以使用這個js插件，它的工作原理非常好，是專爲眼前這個類型的佈局：http://alvarotrigo.com/fullPage/

來源

2015-06-29 17:28:24

我會給你一個嘗試，因爲那正是我想要的。讓你知道 –

有了這個插件，我只能將左邊的div作爲我的開始版本，並且只能向右滾動，如果我沒有弄錯的話。我非常希望能夠點擊我的左側定位點，然後我的＃左側從左到右過渡到適合屏幕，而不是從右到左。我無法通過這個插件做到這一點，雖然 –

我可以想到兩個選項，具體取決於你想如何接近它：1）使用JavaScript立即'點擊'鏈接，以加載頁面時移動部分;或2）嘗試在沒有插件的情況下構建它，然後在點擊鏈接（而不是移動各個子部分）時切換整個部分。 –

對於整個容器或body標籤應用此CSS

position: absolute; 
top:0; 
left:0;

來源

2015-06-29 17:33:46

左上方像素100％瀏覽器窗口寬度

回答

相關問題