列表上的水平滾動

-1

我得到了一個使用列表的時間線，它將在00:00到24:00之間顯示時間。我需要滾動到時間軸的左側和右側，而不顯示滾動條。列表上的水平滾動

<div id="timeTableMask"> 
    <div id="timeTableInner"> 

     <ul id="timeText"> 
      <li class="t0000"><span class="hour">0:00</span></li> 
      <li class="t0015">&nbsp;</li> 
        | 
      <li class="t2345">&nbsp;</li> 
      <li class="t2400"><span class="hour">24:00</span></li> 
     </ul> 

    </div> 
</div>

這裏是時間表的樣子：

來源

2017-09-14 Fahad

做谷歌[搜索]（https://www.google.co.in/search？q =橫向+時間軸＆oq =橫向）「水平時間線」，如果你有一個工作片段，那麼有人可以幫助你。 – Durga

歡迎來到堆棧溢出..你有什麼試圖做到這一點？請回顧[預計需要多少研究工作？]（https://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users）。堆棧溢出不是一種編碼服務。您需要研究您的問題，並嘗試在發佈之前親自編寫代碼。如果您遇到* specific *，請返回並在[Minimal，Complete和Verifiable示例]中包含您嘗試的內容和相關代碼的摘要（https://stackoverflow.com/help/mcve） – FluffyKitten

#timeTableMask { 
 
overflow: hidden; 
 
    width:80px; 
 
    border:solid 1px pink; 
 
} 
 
#timeTableInner { 
 
margin-bottom: -16px; 
 
overflow-x: scroll; 
 
overflow-y: hidden; 
 

 
} 
 
#timeTableInner ul { 
 
width:320px; 
 

 
} 
 
#timeTableInner ul li { 
 
float:left; 
 
width:80px; 
 

 
}

<div id="timeTableMask"> 
 
    <div id="timeTableInner"> 
 
     <ul id="timeText"> 
 
      <li class="t0000"><span class="hour">0:00</span></li> 
 
      <li class="t0015">17:00</li> 
 
      <li class="t2345">20:00</li> 
 
      <li class="t2400"><span class="hour">24:00</span></li> 
 
     </ul> 
 
</div>

來源

2017-09-14 05:45:55

列表上的水平滾動

回答

相關問題