2013-02-06 89 views
1
.qsf-demo-canvas 
{ max-width: 100%; 
max-height:600px; 
overflow:scroll;} 

是否有可能與溢出中心的水平滾動條:滾動股利。是否有可能與中央溢出一個div的滾動條:滾動

如果含量大於可用空間的DIV內容將被默認爲中心更廣?

用戶應該仍然能夠滾動,雖然。

三江源

+0

它仍然應該由用戶滾動?我問,因爲在標題中,你有'隱藏'在CSS你寫'自動',並在文本中,你寫'滾動' –

+0

對不起我的壞...太多的咖啡! –

+0

這將是溢出:汽車 - 或滾動我想 –

回答

1

在JS這是可能的: 這個滾動一個div到它的內部滾動的水平中間

var myDiv = $("#Mydiv"); 
var scrollto = myDiv.offset().left + (myDiv.width()/2); 
myDiv.animate({ scrollLeft: scrollto}); 

我希望這會幫助你。

+0

這使內容的左側位於中心。我認爲海報想要的是把中心放在中心位置。 – nemequ

+0

,正確的想法,只是需要多一點的數學得到它爲中心 – bitstrider

0

我曾與成功:

jQuery(document).ready(function() { 
    jQuery(window).resize(function() { 
    var myDiv = jQuery("#myDiv"), 
     myChild = myDiv.find("> *:first-child"); 
    myDiv.animate({ 
     scrollLeft: (myChild.width() - myDiv.width())/2 
    }, { 
     duration: 0 
    }); 
    }); 

    jQuery(window).resize(); 
}); 
相關問題