繁体   English   中英

如果div固定,则显示全部内容

Show full content if div is fixed

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

在这里,我有两个long div 第一个div是固定的,我想在用户滚动时显示div.content所有元素(因为我在第一个div上有完整的元素。我该怎么做?

<div style="display: block; width: 100%;">

    <div style="float: left; position: relative; z-index: 0;">
        <div style="position: relative;">
            <div class="content" style="padding-top: 10px; top: 10px; position: fixed;">

                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                <div style="margin-top: 10px;">MENU</div>
                 Show element after user scrolls
            </div>
        </div>
    </div>

    <div style="float: left; margin-left: 11%; width: 67%;">

        Right DIV FUll LONG TEXT

    </div>

</div>
1 个回复

只需检查一下。 我认为只是在固定内容块中,您必须增加一些高度,然后进行溢出滚动。

 <div style="display: block; width: 100%;"> <div style="float: left; position: relative; z-index: 0;"> <div style="position: relative;"> <div class="content" style="padding-top: 10px; top: 10px; position: fixed;overflow-y: scroll;height: 186px;"> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> <div style="margin-top: 10px;">MENU</div> Show element after user scrolls </div> </div> </div> <div style="float: left; margin-left: 11%; width: 67%;"> Right DIV FUll LONG TEXT </div> 

1 我的可滚动div没有显示其全部内容

我有一个很大的文本部分,希望包含在可滚动的div中。 我已经创建了滚动条,并且已经滚动了,但是文本的顶行已被切除。 为什么会这样呢? 我以前做过可滚动的div,尽管文本较少,但效果很好。 我使用的浏览器是Google Chrome .reglas { flex-dir ...

2 获取div的全部内容

如何将div的全部内容放入变量? 我不只是想要每个变量的html,我也需要元素,所以基本上我需要 谢谢 ...

2011-03-23 11:23:37 2 262   jquery
3 使部分隐藏的div显示全部内容

如果您能为我找到解决方案,我将不胜感激。 我有部分隐藏的div中的文章列表(div为200px高)。 当我单击readmore时,它应该很好地向下滑动以显示其余内容。 这是html: 这是jquery代码(它仅适用于content_2: 如何遍历“ .content _ ...

6 TextView没有显示全部内容

我的xml布局: 我通过xml类型资源上的简单setText设置了TextView的文本。 这是此资源: 我想看到类似的东西: 但是我得到的是:( 电话屏幕截图1)和(电话屏幕截图2) (TextView剪切了文本的结尾) 我的第一个猜测是所有这些都是由于Text ...

7 wxpython HtmlWindow:显示全部内容吗?

如何显示HtmlWindow的全部内容? 我在可滚动面板中有一些HtmlWindows,我想在这些窗口中查看全文。 我尝试将比例设置为1,并将样式设置为wx.EXPAND,但这是行不通的。 当前看起来像这样: 但我想在Windows中看到全文: 样例代码: ...

9 DIV不能垂直覆盖全部内容

我正在使用的Wordpress主题提供了一种称为“页面生成器”的东西,使用它可以添加不同的元素并用诸如标题,内容框,图片库,视频库之类的内容填充它们。现在,问题是如果“内容”框(基本上是应该包含页面主体文本的内容框)中填充了普通文本,则可以。 但是,当我为WP插件添加一个简码时,该插件的输出很 ...

10 从URL输出特定div的全部内容

我正在使用简单HTML DOM解析器 ,如何输出.product-area的全部内容? 它包含很多内容,所以我只想按原样输出它,而不是遍历所有子div。 那可能吗? ...

2018-07-02 09:43:44 1 29   php
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM