模擬固定正確的位置

基本上我正在做的是偵聽器，它檢查水平滾動是否已經改變。如果滾動已經改變，那麼它將重新定位div，所以它總是在視口的左上角。使用getScroll()值很容易。模擬固定正確的位置

但是我怎樣才能從左到右改變？問題是：0不起作用，因爲它把div放到屏幕中間，通過滾動或縮放，它會留在那裏（Windows Phone 7不支持position: fixed！）也許任何人都遇到類似的問題並找到一個修復或一種方法來計算正確的？

爲什麼身體總是1024px（與視口大小相同）？有沒有辦法獲得網站的總大小？

只有我迄今使用的變量有： window.getScroll().x，document.body.scrollWidth和window.innerWidth

body { 
    width: 2000px; 
    height: 2000px; 
} 
#rightDiv { 
    right: 0px; 
    top: 0px; 
    position: fixed; 
} 

<body> 
<div id='rightDiv'> 
    I am in the right-top corner </div> 
</body>

來源

2013-07-01 R.P

我們只能猜測你是否沒有提供任何'html'和'css'。 – zeroflagL

已添加代碼。我不知道這應該如何幫助。 –

這可以通過使用jQuery來完成：

這將設置你的DIV將自己定位當文檔加載時在屏幕的右側，然後隨着屏幕滾動，它將重新計算位置。

本質上，我們根據div的寬度和窗口大小進行計算，以確定左側位置將div放置在右上角。即使它位於左側，它仍然會在屏幕的右上方產生效果。讓我知道你是否需要任何澄清。

來源

2013-07-02 23:43:51

不幸的是，這對IE移動不起作用。 windowSize總是1024px，不管頁面的實際寬度有多大（頁面是不負責任的網頁設計）。 –

只是澄清一下，當你提到IE移動時，你說的是內置的windows手機瀏覽器，對嗎？ –

我正在談論Windows Phone 7上的Internet Explorer 9 :) –

模擬固定正確的位置

回答

相關問題