工具栏上的HTML滚动条

时间:2018-07-25 22:08:48

标签: html scrollbar toolbar

可怜我!我是非开发人员,有时会更新html页面,而在我处理页面时,页面的滚动条丢失了。该页面具有工具栏,页面本身具有滚动条,但是下面是缺少滚动条的工具栏的文本。从我的研究中,我认为我需要这样的东西,关键是overflow-y:scroll。

<textarea id="mytextarea" rows="10" style="white-space: pre-wrap; width:99%; overflow-y:scroll; overflow-x:hidden; vertical-align:middle;"></textarea>

但是,Sharepoint Designer说我不能将textarea放入表中。 (还有更多的jpg,但是为了简洁起见...)我知道这可能非常简单,但这就是我正在使用的内容:

if (parent.fShowWidgets) {
  location.replace("widgets.htm");
  }
  function searchFunction() {
  var input, filter, ul, li, a, i;
  input = document.getElementById("searchInput");
      filter = (input.value.toUpperCase()).replace(/ /g,"");
    	ul = document.getElementById("linkList");
      li = ul.getElementsByTagName("li");
    	for (i = 0; i < li.length; i++) {
    	a = li[i].getElementsByTagName("a")[0];
    	if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
    	li[i].style.display = "";
    	}else {
    	li[i].style.display = "none"; }
    }
   }
body {
  font-family: Verdana, Sans-Serif;
  font-size: small;
  }
    
.toc {
    font-size: medium;
    }
<table id="tabToc" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#999999" height="20" >
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

<h1 class="toc">Title</h1>
<input type="text" id="searchInput" onkeyup="searchFunction()" placeholder="Start typing to search...">
<ul id="linkList">		
  <li><a href="jpg_1.htm" target="frmDrawing">Title</a></li>
  <li><a href="jpg_2.htm" target="frmDrawing">Area 1</a></li>
  <li><a href="jpg_3.htm" target="frmDrawing">Area 2</a></li>
 </ul>
    

0 个答案:

没有答案