巨大的DIV,但它,所以你不能向下滚动到它的底部

时间:2015-10-10 20:07:10

标签: html css

所以,让我说我有一个div元素a和一个div元素b和div元素a是flot:b的左边。我想这样做,因此元素a很大,但它不会影响滚动。我的意思是,如果div b变大,你可以滚动到它的底部,但如果div a变大,就忽略它,你就不能滚动到它的底部。

1 个答案:

答案 0 :(得分:1)

试试这个,希望它能解决您的问题



<script type="text/javascript">

    function changeValue(elem){
        var $elem = $(elem);
        var id      = $elem.attr("id");
        var content = $elem.html();
        $('#edit').val(content);
        $('#key').val(id);
    }
</script>

<div class="editor">
    <form>
        <input id="edit" value="" type="text">
        <input id="key" value="" type="hidden">
        <input value="Save" type="submit">
    </form>
</div>

<ul>
    <li> <span class="cursor" id="__optin-1" onclick="changeValue(this)">Value 1</span> </li>
    <li> <span class="cursor" id="__optin-2" onclick="changeValue(this)">Value 2</span> </li>
    <li> <span class="cursor" id="__optin-3" onclick="changeValue(this)">Value 3</span> </li>
</ul>
&#13;
body{
    height:100%;
    }
.container{
    height:100%;
  position:fixed;
  bottom:0px;
    }
    .a{background:red;overflow:hidden; width:30%; height:100%; display:inline-block; float:left}
    .b{background:blue;overflow:auto; width:65%; height:100%; display:inline-block; float:left}
&#13;
&#13;
&#13;