jqueryui模式窗口,只让其中一部分像新的Facebook照片标签窗口一样滚动

jquery-ui modal window, make only one part of it scroll like new Facebook photo tagging window

本文关键字:窗口 标签 照片 Facebook 滚动 一样 模式 一部分 jqueryui      更新时间:2023-09-26

在Facebook新引入的照片标记窗口布局中,评论部分位于照片的右侧,而不是保持在照片下方。如果评论者留下的评论超过一定数量,则右侧会出现一个垂直滚动条。但是左侧的图像与滚动条没有关系。。即向下滚动条不会使图像从其上部逐渐消失。

为了实现这一点,

我的html片段:

<style type="text/css">
.my_image{
float:left;
}

.comments{
float:left;
}
</style>
<div id="dialog" title="Basic dialog">
<div class="my_image"><img src="my_img.img"/></div>
<div class="comments"></div>
</div>

javascript片段:

<script>
    $(function() {
        $( "#dialog" ).dialog();
    });
    </script>

我需要做的是固定"my_image"div的大小,同时根据需要垂直滚动"comments"div。

但每当滚动条出现时,它都会使整个窗口(而不是其中的一部分)滚动。

如何在jquery ui中做到这一点?我的html标记适合吗?

尝试设置overflow-y:滚动;for。comments。您可能还需要将height设置为这个div的高度。您可以在此处阅读更多溢出信息:http://www.w3schools.com/jsref/prop_style_overflow.asp