CSS或Javascript？

Question

我有困難在這裏我爲中心的大型菜單下拉： http://drupal.scienceworld.ca

展望未來懸停下拉：我應該定位使用CSS，還是有JS的一些行爲，我應該代替調整？如果CSS是問題，那麼隨着瀏覽器大小的變化，我應該如何最好地保持瀏覽器的中心位置？

Answer 1

採取封閉的期待您的網站後，我看到你的插件被設置爲隱藏的div一些樣式（訪問子菜單）：
舉例來說，在我的1366x780的瀏覽器大小我：

position: absolute; 
width: 960px; 
display: none; 
top: 158px; 
left: 580.5px; 

這就是發生了什麼事情：
該插件計算隱藏元素的絕對位置（我認爲您使用的是qTip插件），並且此計算基於菜單懸停項目（訪問此案例）。

可能的解決方案：
而不是使用qTip，你可以寫一個簡單的jQuery插件代碼爲基於父DIV寬度水平居中的div：

jQuery.fn.center = function() { 
    this.css("position","absolute"); 
    this.css("display", "visible" 
    this.css("top", "158px"); 
    this.css("left", Math.max(0, (($(window).width() - this.outerWidth())/2) + $(window).scrollLeft()) + "px"); 
    return this; 
} 

使用方法如下：

$（element）.center（）;

注意：您應該在菜單項中的懸停事件中使用它。