创建像谷歌图片页面一样的框架
如何创建类似谷歌图片的东西?我不明白左侧菜单是如何固定在那里的,而滚动条仅影响图像。这是怎么做到的?左侧菜单是固定位置吗?是否存在某种框架将它们分开?或者?
How is it possible to create something like on google images? I don't understand how the left menu is fixed there, while the scroll bar affects the images only. How is this done? Is the left menu fixed positioned? Are there some sort of frames separating them both? or?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
Google 图片目前不使用 iframe 或框架。左栏和主要内容区域都是
的。左侧
被放置:固定,右侧
偏移左侧边距,该左侧边距等于左侧 div 的宽度。
这意味着当您向下滚动页面时,左侧似乎保持静止。
如果您使用的是 Firefox,请下载插件 Firebug。它将允许您以简单的方式浏览和检查代码。这是一种很棒的学习方式。
Google images doesn't currently use iframes or frames. The left bar and the main content area are both
<div>
's. The left<div>
is posited:fixed, and the right<div>
is offset by a left margin which is equal to the width of the left div.This means the left appears to stay still while you scroll down the page.
If you are using Firefox download the addon Firebug. It will allow you to look through and examine the code in an easy way. It's a fantastic way to learn.