導航:首頁 > 編程語言 > 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頁面添加滾動條相關的資料

熱點內容
零食買貨上門的app有哪些 瀏覽:781
網路線路備份措施 瀏覽:498
蘋果6p需要貼膜嗎 瀏覽:214
java的視頻 瀏覽:252
java設計模式分類 瀏覽:791
最大的數據線是多少厘米 瀏覽:880
湖州如何學數控編程 瀏覽:648
編程gu表示什麼 瀏覽:259
表格批量修改照片文件名 瀏覽:934
20l6年元旦微信表情 瀏覽:720
網路銷售股票怎麼做 瀏覽:85
如何把qq程序解壓出來 瀏覽:578
hearingtest安卓版 瀏覽:156
抽查原地形數據要抽多少個點 瀏覽:382
正時鏈條看電腦哪個數據 瀏覽:584
怎麼讓網站關鍵詞排名 瀏覽:80
編程貓如何建立隨機坐標列表 瀏覽:942
js中獲取父元素的位置 瀏覽:703
androidmk拷貝文件 瀏覽:107
個人熱點中的無線區域網密碼 瀏覽:570

友情鏈接