2013-11-28 70 views
2

這是如此奇怪,但無論如何要嘗試。 所以我有100%的這個傳送帶。我的屏幕尺寸是1366px。我的網站垂直長,所以滾動自動出現。它使網絡更像1350像素。但我的旋轉木馬仍然是1366px的寬度,並在底部滾動。 而有趣的部分是當我試圖檢查時,底部滾動消失。當我檢查時,我的寬度是1350px。我一直在努力修復它幾個小時。寬度100%,但額外的寬度使卷軸

我最後的希望是你們。所以請幫助我。

編輯:上傳 http://leoxid.com/test/home_page.html 哦,請檢查在Chrome上。沒有做任何其他瀏覽器修復:D

+0

這是在本地主機上。但我可以做一些屏幕截圖。 http://i42.tinypic.com/2u6h2yw.png http://i44.tinypic.com/2yo5to9.png –

+0

我把它上傳了......請幫助我...... http://leoxid.com/test /home_page.html –

回答

1

我的猜測是你的jQuery在頁面完全加載之前執行。這可以通過執行你的代碼上jQuery(document).ready(function(){ });,或者,如果不工作,一個超時解決:可能不需要

<script type="text/javascript" language="javascript"> 
    $(document).ready(){ 
     setTimeout(function(){ 
      $(function() { 
       $('#foo2').carouFredSel({ 
        width  : "100%", 
        align  : "center", 
        auto  : false, 
        prev  : '#prev2', 
        next  : '#next2', 
        pagination : "#pager2", 
        scroll  : 3, 
        items  : { 
         visible : 9, 
        } 
      }); 
     }); 
    }, 500); 
}); 
</script> 

超時,但只是要確定。

這就是它應該看起來的方式,在您調用傳送帶功能的地方。

$(document).ready()等待文檔完全加載。 setTimeout等待額外的半秒鐘,以確保一切都真正加載。 (在緩慢加載圖像的情況下很有用)。

如果超時是矯枉過正,你可以刪除以下兩行

setTimeout(function(){ 
}, 500); 
+0

以下是鏈接http://leoxid.com/test/home_page.html –

+0

您是否嘗試過我的建議? –

+0

我不是很擅長jquery,也不知道把它放在哪裏。 setTimeout(function(){ // do your magic },500);以及不適合我嘿嘿...抱歉請 –

1

看起來像傳送帶初始化(onready?)時,裏面的內容尚未完全加載並且其總高度低於總可用瀏覽器客戶端區域高度。在初始化期間,傳送帶將其寬度「修復」爲其計算出的寬度。

一旦解決方案將overflow: scroll應用於您的身體,即使在傳送帶初始化之前,始終也會採用最右側16px左右的位置。

+0

以下是鏈接http://leoxid.com/test/home_page.html –