Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.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 将div的位置用“滚动”;溢出:自动";_Javascript_Html_Css_Scroll Position - Fatal编程技术网

Javascript 将div的位置用“滚动”;溢出:自动";

Javascript 将div的位置用“滚动”;溢出:自动";,javascript,html,css,scroll-position,Javascript,Html,Css,Scroll Position,给定此HTML片段: <div id="box" style="overflow:auto; width:200px; height:200px; border:1px solid black;"> 1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br> 11<br>12<br>13<br

给定此HTML片段:

<div id="box" style="overflow:auto; width:200px; height:200px; border:1px solid black;">
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>
21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>
</div>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
你(通常)会得到一个带有滚动条的黑框,滚动条中包含数字1到30,每一个都在一个新行中

你可以在盒子里上下滚动

我现在需要的是一个可能性,以找出在哪个滚动框的位置。比如说,每行15像素高,你向下滚动到数字10,我想得到的结果是数字150(15px*10行)

我在哪里能找到这个号码

我手头有纯JavaScript和jQuery。

您需要使用该属性


document.getElementById('box')。scrollTop

很棒。这正是我一直在寻找的。出于好奇,它与jQuery的
.scrollTop()
有什么不同吗?从scrollTop()源代码来看,我认为没有区别