网页中的图片滚动效果是怎么实现的啊？_IT百科

设置层高，比如position:absoulutez-index:999top:100pxright:0px

示例用法：

<html>

<p>

</body>

</html>

图片中的P标签里有图片，我这里设置P区块为宽高各100，用position:fixed定位，距离顶部100像素，右边0像素漂浮着，z-index:999就是层高，可以理解为层高越高就可以漂浮在网页上面。

效果如下：

不管如何滚动网页滚动条上下翻左右翻都一直在屏幕距离顶部100像素，右边0像素漂浮着。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：<div style="overflow: scroll">hello world!</div>。

3、浏览器运行index.html页面，此时成功在html中指定的div中添加了滚动条。

欢迎分享，转载请注明来源：内存溢出

网页中的图片滚动效果是怎么实现的啊？