2014-10-11 88 views
0

我有一個格.div-wrapper裏面的position: fixed.div-header。 現在我想用jQuery滾動這個div。固定格內可滾動的div

我幾乎在下面的工作解決方案,但它是如此醜陋(與width: 5000%),我無法阻止自己找到更好的方式來做到這一點。

有沒有一種方法可以在沒有width: 5000%的情況下達到同樣的效果?

HTML:

<div class="div-header"> 
    <div class="div-wrapper"> 
     <div class="div-long"> 
      Some wide content... 
     </div> 
    </div> 
</div> 

CSS:

.div-header { 
    position: fixed; 
    left: 15px; 
    right: 100px; 
    top: 20px; 
} 
.div-wrapper { 
    overflow: hidden; 
    height: 57px; 
} 
.div-long { 
    width: 5000%; 
} 

的jsfiddle:http://jsfiddle.net/pyzk27xj/6/

提前感謝!

+0

簡短回答:否 – monkeyinsight 2014-10-11 08:58:21

+1

問題不在於滾動div,而在於如何在不指定容器的「寬度」的情況下將內部div保留在同一行中。因此,答案是:http://stackoverflow.com/questions/25989240/aligning-side-by-side-in-a-modal/25989296#25989296♦http://stackoverflow.com/questions/25621482/keep- inner-divs-on-same-line-though-inner-div-width-is-greater-100/25621520#25621520 – 2014-10-11 09:05:14

+1

這裏是[demo](http://jsfiddle.net/hashem/pyzk27xj/7 /)。 – 2014-10-11 09:28:32

回答