加入收藏 | 设为首页 | 会员中心 | 我要投稿 威海站长网 (https://www.0631zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

html – 使用固定位置和网格布局框架

发布时间:2021-01-02 00:07:43 所属栏目:资源 来源:网络整理
导读:所以我正在创建一个网页,左侧的菜单是固定的(当您向上和向下滚动页面时,它们会跟着你).我目前正在使用网格布局:基础(由zurb) http://foundation.zurb.com/docs/grid.php.它使用十二列网格.我在定位固定布局和仍然同时使用网格时遇到问题.如何在页面上使用网

所以我正在创建一个网页,左侧的菜单是固定的(当您向上和向下滚动页面时,它们会跟着你).我目前正在使用网格布局:基础(由zurb) http://foundation.zurb.com/docs/grid.php.它使用十二列网格.我在定位固定布局和仍然同时使用网格时遇到问题.如何在页面上使用网格布局和固定元素?

<div class="container">
   <div class="row">
        <div class="four columns relativePosition">
              <div class="fixedPosition">
                   <div class="four columns">
                        Menu Here
                   </div>
              </div>
        </div>
        <div class="eight columns">
              Other Content
        </div>
   </div>
</div>

我能够使用这种结构使固定位置工作,但在某些情况下,菜单的内容变得太大并且与八列的内容重叠.我不知道有没有更好的方法来做到这一点?

解决方法

找到这篇文章 – ZURB + ScrollSpy.在5分钟内完成它.我发现将侧边栏内容包含在网格位置下方的scrollspy div中.

(编辑:威海站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读