Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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 <;李>;项目在没有CSS位置或页边空白的情况下上下移动?_Javascript_Html_Css - Fatal编程技术网

Javascript <;李>;项目在没有CSS位置或页边空白的情况下上下移动?

Javascript <;李>;项目在没有CSS位置或页边空白的情况下上下移动?,javascript,html,css,Javascript,Html,Css,我正在看页面的CSS?如果我们在“查看更多门店”的“可供取货”下方的右侧单击,则会显示一个覆盖图,供我们键入zipcode,并说我们键入94112,然后按Enter键,然后它会显示一个列表 奇怪的是,当我们单击“下一步”查看门店的下一页时,我们可以查看显示的门店列表的第一行,而它只是第六个上移的项目。但我根本没有看到任何机制使用位置:绝对,位置:相对和顶部集合,甚至类似边距顶部:-800px的东西。因此,20个的整个列表都在那里,但是当单击“下一步”或“上一步”按钮时,项目可以通过什么机制在中上

我正在看页面的CSS?如果我们在“查看更多门店”的“可供取货”下方的右侧单击,则会显示一个覆盖图,供我们键入zipcode,并说我们键入
94112
,然后按Enter键,然后它会显示一个列表

奇怪的是,当我们单击“下一步”查看门店的下一页时,我们可以查看显示的门店列表的第一行,而它只是第六个上移的
  • 项目。但我根本没有看到任何机制使用
    位置:绝对
    位置:相对
    顶部
    集合,甚至类似
    边距顶部:-800px
    的东西。因此,20个
  • 的整个列表都在那里,但是当单击“下一步”或“上一步”按钮时,
  • 项目可以通过什么机制在
    中上下移动


    更新:我发现
    scrollTop
    实际上已更改。。。但是没有滚动条,所以当没有滚动条时可以使用
    scrollTop
    ,并且在开发过程中,
    scrollTop
    不容易与其他CSS样式混淆吗?事实上,使用CSS与使用scrollTop相比有利弊吗?

    老实说,这是一个非常有趣的解决方案。关于
    scrollTop
    你是对的,没有滚动条的原因是
    溢出:隐藏防止滚动条显示

    编辑:


    显然,scrollTop方法比使用绝对定位更快:

    为什么选择向下投票?这是一个关于CSS/JavaScriptso在没有显示滚动条的情况下使用
    scrollTop
    滚动的非常有效的问题。。。我可以想象一些浏览器可能不喜欢它,尽管这个解决方案显然适用于所有主要的浏览器……不是真的,它是一个完全可以接受的解决方案-
    overflow:hidden
    只隐藏滚动条,但您仍然可以使用javascript滚动它。