网页中的可滚动容器

时间:2012-04-14 21:00:06

标签: html css html5 scrollbar

我想在带有滚动条的网页内创建一个视口。

在这个视口中,我想在相对于彼此的任意偏移处放置图像拼贴。

我添加的第一个图像应该在视口中居中。它可能没有视口那么大。

随着时间的推移添加其他图像,它们是来自其他图像的一些极坐标。我可以将极坐标转换为X Y偏移。

当我添加图像时,我可能希望将它们留在所有其他图像或其他所有图像之上,等等;我可以使用负偏移吗?视口上的滚动条是否可以自动滚动子项的已使用坐标范围,而不是从0,0?

我将哪些容器类用于视口的CSS设置?我用什么CSS位置来定位孩子?

1 个答案:

答案 0 :(得分:7)

要使div或块元素滚动,请使用overflow属性: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow

对于定位和尺寸检查: http://www.wickham43.net/divboxes.php

这是一个我在1秒内用Google搜索的CSS拼贴画库。 http://www.entheosweb.com/tutorials/css/collage_gallery.asp#.T42Z06uXQ_Q

(您的问题不具体,如果以上内容没有帮助请编辑)