导航:首页 > 编程语言 > jsp页面添加滚动条

jsp页面添加滚动条

发布时间:2024-04-28 04:29:16

1. 在jsp中怎么固定div大小,当超出时出现滚动条

改成这样:

<table width="70%" border="0" align="center">
<tr>
<td><FIELDSET style="width: 100%;">
<LEGEND> 关系配置 </LEGEND>
<DIV class="InfoArea" id="tabPane1" align="center">
<table align="center" height="250px" >
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td nowrap> 业务环节: </td>
<td><input type="hidden" name="linkOrderId" value="">
<img class="refButtonClass" onclick="open_window_link()" src="<%=request.getContextPath()%>/images/select_blue.gif">
<input class="text_field_reference_readonly" type="text" name="linkName" value="" readonly=""></td>
</tr>
<tr>
<td> 业务环节列表 </td>
<td><div style="width:50px;height:50px;overflow-y:auto;overflow-x:hidden;">
<table >
<c:forEach var="pro" items="${list}">
<c:if test="${not empty pro}">
<tr class="nav">
<td align="center"><input type="checkbox" name="linkId"
value="${pro.linkId}" checked/></td>
<td align="center"> 业务环节名称: </td>
<td align="center"> ${pro.linkName} </td>
<td align="center"></td>
<td></td>
<td></td>
</tr>
</c:if>
</c:forEach>
</table>
</div></td>
</tr>
</table>
<br />
</DIV>
</FIELDSET></td>
</tr>
</table>

2. JSP中如何在输入框中实现垂直的滚动条 如普通的输入框<input type="text"......> 详细见图

input中text只接收单行文本,基本不会出现垂直滚动条。可以用CSS设置overflow为scroll或auto使之有滚动条,前者始终有滚动条,后者在必要时才显示。想要输入多行文本,应该使用textarea标签,滚动条设置和前所述一样。

3. JSP页面加横滚动条

用jquery吧,jquery有个滚动插件,这里是专它的属Demo: http://www.gmarwaha.com/jquery/jcarousellite/#demo

4. jsp页面table中只让tbody 部分显示滚动条滚动,thead部分不动。。跪求答案

2个table. 一个仅显示 table head部分, 另外一个仅显示 body部分.
body部分的表, 设置 overflow:auto 即可.

难点:
2个table的 header 保持宽度一致, 以及左右滚动时保持一致.
jquery 做个宽度自动匹配.

尝试下吧, 我想做的, 后来需求停掉就没实现, 思路就是上面的.

或者尝试 extjs/jqueryui等其他第三方插件.

5. JSP中怎么让页面刷新后,保持滚动条的位置

具有scroll属性的html控件,可以用这个方法来实现页面刷新后的滚动条的定位。
当然,函数是要做一下改动,把 with(window.document.body)中的改为其他控件的ID就可以了: with(window.document.all["控件ID"])
<script language="javascript">
<!--
// 获取当前文件
function getFileName()
{
var url = this.location.href;
var pos = url.lastIndexOf("/");
if(pos == -1)
pos = url.lastIndexOf("\\");
var filename = url.substr(pos+1);
return filename;
}

function fnLoad()
{
with(window.document.body)
{
addBehavior ("#default#userData"); // 使得body元素可以支持userdate
load("scrollState" + getFileName()); // 获取以前保存在userdate中的状态
if (sFirstEnter=="0")
{
scrollLeft = getAttribute("scrollLeft"); // 滚动条左位置
scrollTop = getAttribute("scrollTop");
}
}
}
function fnUnload()
{
with(window.document.body)
{
setAttribute("scrollLeft",scrollLeft);
setAttribute("scrollTop",scrollTop);
save("scrollState" + getFileName());
// 防止受其他文件的userdate数据影响,所以将文件名加上了
// userdate里的数据是不能跨目录访问的
}
}

window.onload = fnLoad;
window.onunload = fnUnload;
// -->
</script>

阅读全文

与jsp页面添加滚动条相关的资料

热点内容
韩国电影邻居结局意义 浏览:646
mfc获取编辑框数据库 浏览:58
win7文件夹变成绿色 浏览:61
苹果7设置图片密码 浏览:544
苹果se查看配置 浏览:535
一本小说主角有一只狗有图腾修炼 浏览:825
窗体的阶乘代码怎么编程 浏览:405
有个小说主角叫林锋 浏览:187
myeclipse配置安卓sdk 浏览:233
有部电影叫什么渡的 浏览:506
亚威机编程怎么加特殊模具 浏览:817
word2010文字底纹 浏览:182
快速搜索微信文件夹 浏览:473
螺纹倒角去半边怎么编程 浏览:374
易语言怎么编程小说浏览器 浏览:261
从小生活在一起的姐姐弟弟小说 浏览:975
美国大尺度青春电影 浏览:651
怎么删除iphone相册文件夹 浏览:883
word文件快捷方式却打不开 浏览:438
pad数据如何彻底删除 浏览:52

友情链接