Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript中的内容偏移_Javascript_Html_Offset - Fatal编程技术网

Javascript中的内容偏移

Javascript中的内容偏移,javascript,html,offset,Javascript,Html,Offset,我想用scroll创建我自己的div实现,而不使用overflow:scroll 但我似乎不知道如何获取div的内容偏移量,有人知道吗?我不完全清楚您所说的“内容偏移量”是什么意思,但实现类似滚动的行为的一种方法是: <div id="a"> <div id="b"> Lorem ipsum dolor pipsum. </div> </div> #a { position: relative; o

我想用scroll创建我自己的div实现,而不使用
overflow:scroll


但我似乎不知道如何获取div的内容偏移量,有人知道吗?

我不完全清楚您所说的“内容偏移量”是什么意思,但实现类似滚动的行为的一种方法是:

<div id="a">
    <div id="b">
        Lorem ipsum dolor pipsum.
    </div>
</div>

#a {
    position: relative;
    overflow: hidden;
    height: 100px;
}
#b {
    position: absolute;
    height: 200px;
}

洛雷姆·伊普苏姆·多洛尔·皮普苏姆。
#a{
位置:相对位置;
溢出:隐藏;
高度:100px;
}
#b{
位置:绝对位置;
高度:200px;
}
现在,您可以通过更改
#b
top
属性,在
#a
中滚动
#b
。将其滚动到底部意味着将
top
设置为
-100px
,并将
0
重置


不过,实现一个真正的滚动条将取决于您。以及鼠标滚轮支撑等功能。

您真的确定要这样做吗?我的意思是,这是你的应用程序,但一般来说,让你的用户了解你的控件是如何工作的,一旦他们习惯了他们在其他浏览器窗口中经常看到的本机控件。只是一个想法。我预测,让这样的东西跨浏览器处理任意内容可能会很棘手。谢谢,这很有效:)我没有说我要实现滚动条;)