创建像谷歌图片页面一样的框架

发布于 2024-10-27 16:42:44 字数 85 浏览 2 评论 0原文

如何创建类似谷歌图片的东西?我不明白左侧菜单是如何固定在那里的,而滚动条仅影响图像。这是怎么做到的?左侧菜单是固定位置吗?是否存在某种框架将它们分开?或者?

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

三生池水覆流年 2024-11-03 16:42:44

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文