HTML/Javascript - 定位不一致

我正在設計這個網站的過程中http://www.parisgaa.org/parisgaels並有問題。HTML/Javascript - 定位不一致

主頁上的圖像滑塊有時會出現混亂。大多數情況下，它的工作原理和外觀都很好，但其他時候它的位置似乎會變得混亂，並且出現在應該在其下面的內容下方（即，該內容與圖像重疊）。您應該可以在Chrome中複製此內容 - 只需刷新幾次即可。

我會很感激任何幫助。

2012-06-21 user1473358

你將不得不在滑塊文件進行編輯一行

js/slider.js 



.wrap('<div class="bx-window" style="width:'+childrenMaxWidth+'px; height:'+wrapperHeight+'px; position:relative; overflow:hidden;"></div>') 
      .css({ 
       height: '999999px', 
       position: 'relative', 
       top: '-'+(origTop)+'px' 
      });

在他的，你需要定義一個可行的高度爲你的形象像

.wrap('<div class="bx-window" style="width:'+childrenMaxWidth+'px; height:400px; position:relative; overflow:hidden;"></div>') 
      .css({ 
       height: '999999px', 
       position: 'relative', 
       top: '-'+(origTop)+'px' 
      });

的問題是不是你實現，而腳本你正在使用。你可以嘗試使用不同的腳本，但希望這種調整將爲你做的伎倆！

來源

2012-06-21 21:33:20 Cleverbot

非常感謝您的幫助。該網站是響應式的，所以我可能必須將一個類應用於slider.js文件中的容器，並使用媒體查詢來調整它的大小。我可能只是使用我在快速搜索後找到的響應滑塊。再次感謝！ – user1473358

不客氣！ – Cleverbot

如果這爲你工作，請點擊我的分數下的複選標記:) – Cleverbot

嘗試使相對圖像滑塊位置：

style = "position:relative;"

來源

2012-06-21 21:11:50 ewein

它看起來像它可能是一個問題，無論你使用的圖像滑塊的jQuery插件。由於某種原因，.bx-window元素的高度沒有得到正確評估（對我來說，它在20-30px而不是420px的球場）。我會嘗試一個不同的滑塊（有很多jQuery圖像滑塊在那裏，只是谷歌它），但如果這不是一個選項，它可能是相當微不足道的自己修復它們的代碼。祝你好運！

來源

2012-06-21 21:36:27 Chris

HTML/Javascript - 定位不一致

回答

相關問題