css如何实现div随滚动条移动(css左右滚动条)-冯金伟博客园

如何让DIV随着左右滚动条移动,而上下滚动条保持不变?

1。在头部定义一个div,固定高度,设置绝对位置(position:absolute),设置上边距(top:0);

2.在底部定义一个div,固定高度,设置绝对位置(position:absolute),设置下边距(bottom:0);

3.在中间定义一个div并自动设置滚动条(

溢出:

auto);

设置绝对定位(position:absolute),设置top和bottom,top的值等于头div的高度,bottom的值等于底div的高度。

例子

一个

2

10

11

12

13

14

15

16

17

18

19

20

21

22

#page{margin:0

自动;宽度:960px}

# header { width:960 px;

高度:60px

位置:绝对;

top:0;背景色:# ccc}

#页脚{ width:960 px;

高度:30px

位置:绝对;

底部:0;

背景色:# ccc}

# content { width:960 px;

溢出:

自动;

位置:绝对;

顶配:60px

底部:30px}

p产生的滚动条怎么回到顶部?

我话少,直接上代码,html代码比较乱,主要为了产生垂直滚动条,看js就Ok了,jquery.js自行下载,就不提供了,so easy!其实说白了就是控制这个p的垂直滚动条的偏移,这里回到顶部,所以就设置成0。顺带着也把页面的垂直滚动条也移到了最顶端。

CSS+DIV做滑动门菜单,和TAB式选项卡菜单,要详细步骤?

你用dreamweaver cs4的那里有现成的,直接在编辑器里创建就行了,具体步骤 插入—spry—菜单栏,选项卡式面板,折叠式等,很多,,然后如果你会css+p的话可以把他们放到你想用的位置,找到相应代码修改下你想要的颜色就可以了,另外说一下,在cs4里,你直接按住alt直接可以转到标签(相应css),希望可以对你有所帮助

如何使用JS控制DIV内容的滚动条?

1、首先需要新建一个HTML文档,这里设立一下基本的架构。

2、再新建一个CSS文件,用link关联一下HTML文档。

3、创建DIV标签,并且往里面填充内容。

4、先设定一下滚动条内框的大小。6、overflow-y: scroll;overflow-x: scroll;加上这个样式滚动条就会出现了。

css p固定一个p使这个p不随着网页的滚而滚动,就是把这个p固定在一个位置任何时候都在一个位置?

1、需要使用固定定位才能做到这样的效果。具体方法是首先打开html编辑器,首先设置一个容器p,然后设置一个用来演示效果的p,分别设置class属性名为container和fixed:

2、在style标签中设置样式,设置container的position属性为相对定位,并且给它一个很高的高度,然后给fixed设置高度和宽度,以及颜色等属性,这里的重点是设置position属性为fixed,以及设置top和left属性控制p的位置,设置完成后保存文件:

3、打开浏览器,可以看到p并且可以观察到进度条是最上面的:

4、接着将进度条拉倒最下面,可以发现p还是在原来的位置保持不变。以上就是用fixed属性设置p固定位置的方法:

如何使用css+p实现区块凹进去?

你说的凹进去是不是跟文本编辑器的自动换行那个一个意思啊,如果内容多的活,自动就换行,如果不设置自动换行,就会有滚动条出现,

其实这个很简单啊,只要你设定了宽度,自然就不会随着页面宽度的改变而改变。如果你不设置宽度的话,就会自动换行。

比如:

..

这样的话,不管页面怎么动,p始终是1000px,不会变。

如果想要有滚动条的话,还得加上:overflow:scroll; 也写在style里面。