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

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

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

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

设置绝对定位点

复制代码

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

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

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

匿名 *发表于 2014-9-28 10:41:55* · 发表于 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并且设置相应的样式：

<div style="border-bottom: 1px solid #CDCDCD; background: #F2F2F2; line-height: 28px; height: 28px;position: fixed;width: 100%;">

复制代码

然后给#toptb添加样式

复制代码

然后解决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
找到：

<link rel="stylesheet" type="text/css" id="diy_common" href="{$_G['setting']['csspath']}{STYLEID}_css_diy.css?{VERHASH}" />

复制代码

这个在<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
找到：

老大，很谢谢你，节日快乐！但是没看明白，怎么改呢？

		自动登录	找回密码
密码			立即注册