jqueryui模式窗口,只让其中一部分像新的Facebook照片标签窗口一样滚动
jquery-ui modal window, make only one part of it scroll like new Facebook photo tagging window
在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
相关文章:
- 窗口确认在 AJAX 帖子中打印 HTML 标签
- jQuery:添加和删除<br>标签,这取决于窗口宽度以及标签是否已经存在
- window.open 会打开一个新标签页,而不是一个新窗口(在 chrome 中)
- 无法使用 Chrome 扩展程序弹出窗口中的按钮打开新标签页
- 在扩展程序的弹出窗口中显示当前标签网址
- Javascript来跟踪点击是否打开了一个新的标签/窗口
- 如何在新标签/窗口中编写文本文档
- 不要打开新标签页、关闭标签页或关闭浏览器窗口
- .click() 事件,当“在新标签页/窗口中打开”时
- 弹出窗口.js 未在 Chrome 扩展程序中的 Popup 的头部标签中执行.html Popup
- 谷歌扩展:标签事件 - 更改窗口
- 弹出窗口中的槽线图具有重叠的轴标签
- 如何在新标签页或窗口中打开iframe链接
- 当 HTML 中的标签发生更改时,粘贴弹出窗口在 Safari(装有 iOS 8.0.2 的 iPad)中消失
- 窗口位置主题标签语法错误在问号后未读取
- 模式窗口上的标签标签不起作用
- 确认消息仅用于浏览器关闭.不是在窗口标签关闭的时候
- 谷歌新闻框,在新窗口/标签中打开新闻页面
- iPad Chrome -提交表单在新的窗口/标签不工作
- 跨窗口/标签在浏览器中使用JavaScript通知