H******7
发帖数: 34403 | 1 页面上层是mb,下层是bd
#mb{position:absolute;z-index:103;width:100%;height:24px;left:0px;top:0px;}
#bd{position:absolute;z-index:102; width:100%;left:0px; top:26px;bottom:20px
;overflow:auto;*height:expression(document.documentElement.clientHeight-46+'
px')}
|
q**x
发帖数: 1636 | 2 why joke?
20px
+'
【在 H******7 的大作中提到】
: 页面上层是mb,下层是bd
: #mb{position:absolute;z-index:103;width:100%;height:24px;left:0px;top:0px;}
:
: #bd{position:absolute;z-index:102; width:100%;left:0px; top:26px;bottom:20px
: ;overflow:auto;*height:expression(document.documentElement.clientHeight-46+'
: px')}
:
|
H******7
发帖数: 34403 | 3 感谢顶帖
【在 q**x 的大作中提到】
: why joke?
:
: 20px
: +'
|
c******n
发帖数: 16666 | 4 貌似都是比较正常的东西啊
就是最后一行是js拿了浏览器高度算了一下
保证#bd对应的东西可以占满下边除了bottom 20px以外所有空间 |
H******7
发帖数: 34403 | 5 这个md是放在页面顶部的，不随滑动条滚动，bd是放在下面的，屏幕小时有滑动条。我
的问题是怎么实现md不滑动条滚动（类似frame的效果）？几行代码里哪些是关键？
【在 c******n 的大作中提到】
: 貌似都是比较正常的东西啊
: 就是最后一行是js拿了浏览器高度算了一下
: 保证#bd对应的东西可以占满下边除了bottom 20px以外所有空间
|
c******n
发帖数: 16666 | 6 和有滚动条那个一样
加个overflow，值改成visible或者hidden
【在 H******7 的大作中提到】
: 这个md是放在页面顶部的，不随滑动条滚动，bd是放在下面的，屏幕小时有滑动条。我
: 的问题是怎么实现md不滑动条滚动（类似frame的效果）？几行代码里哪些是关键？
|
H******7
发帖数: 34403 | 7 不是问还要再加什么，这段代码现在已经实现md固定不滚了，但我不知道是怎么实现的
，想看看里面哪一句code是关键。
【在 c******n 的大作中提到】
: 和有滚动条那个一样
: 加个overflow，值改成visible或者hidden
|
c******n
发帖数: 16666 | 8 #mb{
position:absolute;
z-index:103;
width:100%;
height:24px;left:0px;top:0px;
}
mb用zindex放在了bd的上面
然后定位是absolute的 就是他第一个带位置信息的上一层对象，你那边估计就是main
或者page之类的
最后top 0， left0确定了就是顶格
【在 H******7 的大作中提到】
: 不是问还要再加什么，这段代码现在已经实现md固定不滚了，但我不知道是怎么实现的
: ，想看看里面哪一句code是关键。
|
s*****i
发帖数: 3762 | |
c******n
发帖数: 16666 | 10 其实我还是没看懂你题目。。
你pm个网页或者jsfiddler看看 |
H******7
发帖数: 34403 | 11 有点明白了，原来是z-index搞出不同的层。下一层bd从26px那行开始，上一层md到26
行结速。
JS那句是不必要的。overflow:auto好象不能删，删了就md,bd一起滚动，不知为啥。
#mb{position:absolute;z-index:103;width:100%;height:24px;left:0px;top:0px;}
#bd{position:absolute;z-index:102; width:100%;left:0px; top:26px;bottom:20px
;overflow:auto;}
main
【在 c******n 的大作中提到】
: #mb{
: position:absolute;
: z-index:103;
: width:100%;
: height:24px;left:0px;top:0px;
: }
: mb用zindex放在了bd的上面
: 然后定位是absolute的 就是他第一个带位置信息的上一层对象，你那边估计就是main
: 或者page之类的
: 最后top 0， left0确定了就是顶格
|
c******n
发帖数: 16666 | 12 overflow是视内容多少vs格子大小来确定的
auto的话 默认就开了 如果浏览器高度剪掉46px之后留给bd空间不够放那些内容 自然
就没有滚动条了
js那句如果你要bd不动的话 应该是需要的 不写高度又开overflow的话 应该是高度自
动符合内容 所以你再拉下去就滚动了 我猜的， css改起来随时骂娘的
修改css的时候 注意 花括号 分号这类别弄丢了
26
20px
【在 H******7 的大作中提到】
: 有点明白了，原来是z-index搞出不同的层。下一层bd从26px那行开始，上一层md到26
: 行结速。
: JS那句是不必要的。overflow:auto好象不能删，删了就md,bd一起滚动，不知为啥。
: #mb{position:absolute;z-index:103;width:100%;height:24px;left:0px;top:0px;}
:
: #bd{position:absolute;z-index:102; width:100%;left:0px; top:26px;bottom:20px
: ;overflow:auto;}
:
:
: main
|
c******n
发帖数: 16666 | |
