tlzxww 发表于 2014-9-27 16:28:40

如何让顶部固定不随滚动条滚走

本帖最后由 tlzxww 于 2014-10-2 09:02 编辑




技术帮助 发表于 2014-9-27 21:33:51

设置绝对定位点
{
position: fixed;
top: 0;
}

tlzxww 发表于 2014-9-28 00:32:55

技术帮助 发表于 2014-9-27 21:33
设置绝对定位点

固定住了，但是还有两个问题，一个是顶部条偏左了，而且比原来的短了，第二，有图片的框架，里面的图片遮住了顶部条，怎么处理，谢谢老大！

Anonymous 发表于 2014-9-28 10:41:55

如果是单纯固定的话在相应div加入css属性 position:fixed就行。。

tlzxww 发表于 2014-9-28 12:53:50

问题还是没解决，希望做出这样的效果http://www.leyunbox.com/，期待得到帮助

技术帮助 发表于 2014-9-28 20:37:50

本帖最后由 技术帮助 于 2014-9-28 20:46 编辑

tlzxww 发表于 2014-9-28 00:32
固定住了，但是还有两个问题，一个是顶部条偏左了，而且比原来的短了，第二，有图片的框架，里面的图片遮 ...
看下一楼

技术帮助 发表于 2014-9-28 20:46:00

tlzxww 发表于 2014-9-28 00:32
固定住了，但是还有两个问题，一个是顶部条偏左了，而且比原来的短了，第二，有图片的框架，里面的图片遮 ...


修改头部文件在header.htm里面找到一下代码
<div id="toptb" class="cl">
<div class="wp" >
...
</div>
</div>


之外添加一个DIV并且设置相应的样式：
<div style="border-bottom: 1px solid #CDCDCD;background: #F2F2F2;line-height: 28px;height: 28px;position: fixed;width: 100%;">然后给#toptb添加样式
#toptb {
width: 960px;
margin:0 auto;
}然后解决toptd下面的广告错位：
找到：
<blockquote><div class="wp a_h"<span style="line-height: 1.5;">">...</div></span>给他添加样式：
<div class="wp a_h" style="<span style="line-height: 1.5;">padding-top: 28px;</span><span style="line-height: 1.5;">">...</span><span style="line-height: 1.5;"></div></span>这样就ok了

如下图：





tlzxww 发表于 2014-10-1 00:29:42

固定住了，但是diy编辑部分被挡住了，无法点击保存等按钮了，所以无法编辑diy了



技术帮助 发表于 2014-10-1 00:46:39

tlzxww 发表于 2014-10-1 00:29
固定住了，但是diy编辑部分被挡住了，无法点击保存等按钮了，所以无法编辑diy了
在header.htm模板里判断，当处于diy模式下，取消悬浮步骤：
1代开header.htm
找到：
<!--{if $_GET['diy'] == 'yes' && check_diy_perm($topic)}-->
                <link rel="stylesheet" type="text/css" id="diy_common" href="{$_G['setting']['csspath']}{STYLEID}_css_diy.css?{VERHASH}" />
      <!--{/if}-->
这个在<body>的上面！
对应的DIV位正常浮动
在里面添加

tlzxww 发表于 2014-10-1 08:54:37

本帖最后由 tlzxww 于 2014-10-1 09:01 编辑

技术帮助 发表于 2014-10-1 00:46
在header.htm模板里判断，当处于diy模式下，取消悬浮步骤：
1代开header.htm
找到：

老大，很谢谢你，节日快乐！但是没看明白，怎么改呢？
页: [1] 2
查看完整版本: 如何让顶部固定不随滚动条滚走