列表上的水平滚动

-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

列表上的水平滚动

回答

相关问题