2

我正在查看页面http://store.apple.com/us/configure/MD231LL/A的 CSS吗?如果我们点击右侧“可取货”下的“查看更多商店”,则会出现一个叠加层供我们输入邮政编码,并说我们94112输入 ,然后按 Enter,然后它会显示一个列表。

奇怪的是,当我们点击“Next”查看下一页的店铺时,我们可以查看显示的店铺列表的第一行,它只是第6<li>项,被上移了。但我根本没有看到任何使用、position: absolute集合甚至类似. 的机制。所以 20 的整个列表都在那里,但是当单击 Next 或 Prev 按钮时,通过什么机制可以像这样在内部上下移动项目?position: relativetopmargin-top: -800px<li><li><ul>

更新:我发现scrollTop其实是改了...但是没有滚动条,所以在没有滚动条的情况下scrollTop可以使用,而且在开发过程中,不会scrollTop容易和其他CSS样式混淆吗?实际上,使用 CSS vs 有优缺点scrollTop吗?

4

1 回答 1

1

老实说,非常有趣的解决方案。你是对scrollTop的,没有滚动条的原因是<ul>overflow: hidden;阻止了滚动条的显示。

编辑:

显然 scrollTop 方法比使用绝对定位更快:http: //jsperf.com/scrolltop-vs-absolute-position

于 2013-05-08T23:14:28.093 回答