以文本方式查看主题

-  Foxtable(狐表)  (http://www.foxtable.com/bbs/index.asp)
--  专家坐堂  (http://www.foxtable.com/bbs/list.asp?boardid=2)
----  固定标题  (http://www.foxtable.com/bbs/dispbbs.asp?boardid=2&id=123339)

--  作者:刘林
--  发布时间:2018/8/12 19:22:00
--  固定标题

 

 

老师,请问顶部做一个固定的可左右划动的标题选择栏,到时做锚定来定位,现在的想法是内容滚动这个ul固定在顶部,ul 加了style position:fixed不行呢,请问怎么改?

 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:可划动标题.txt

[此贴子已经被作者于2018/8/12 19:23:08编辑过]

--  作者:有点甜
--  发布时间:2018/8/12 20:19:00
--  

吉萨还是那个width属性即可

 

<ul class="slide-box" style="position:fixed;width: 100%;">
    <li class="slide-item">9年级</li>
    <li class="slide-item">8年级</li>
    <li class="slide-item">7年级</li>
    <li class="slide-item">6年级</li>
    <li class="slide-item">5年级</li>

</ul>


--  作者:刘林
--  发布时间:2018/8/12 21:05:00
--  
可以了,现在有两个问题,不好意思,才学习了点很多不懂,望多指导,谢谢

1、加width:100%可以了的原因是什么?是不是li内容100%包在ul中,还是指ul与屏等宽?
2、将ul往右拖时前面有个空,加margin-left=0也不行,如何能在往右拉时不显出这个空,并且这个空开始就有,不好看得。
图片点击可在新窗口打开查看此主题相关图片如下:qq图片20180812210018.png
图片点击可在新窗口打开查看



--  作者:有点甜
--  发布时间:2018/8/12 23:34:00
--  

<ul class="slide-box" style="position:fixed;width: 100%;padding-left:0px">
    <li class="slide-item">9年级</li>
    <li class="slide-item">8年级</li>
    <li class="slide-item">7年级</li>
    <li class="slide-item">6年级</li>
    <li class="slide-item">5年级</li>

</ul>