当内容长度过长出现滚动条时的自动分页问题

Question

各位高手,大家帮忙啊。我把网页内一部分内容存入数据库。取出时放入到一个层内。当层内的长度过长时，页面旁边就会出现滚动条。我这边做的是触摸屏的程序，我们老板希望不要出现滚动条的。 因为层内的内容存在格式，所以统计字数的方法肯定是不行了。希望根据页面的高度来进行分页。
网上搜过，也有过一个按高度分页的javascript。但是它的效果有点奇怪，第二页的开始，不是第一页的结束内容。
这边csdn上 也有类似的提问。http://topic.csdn.net/u/20070617/11/8c42471f-6422-42b2-8301-67c5d774b0a9.html
但是回答的window.onload=function() 
{ 
if(document.getElementById( "gridview1 ").style.height> document.getElementById( "div1 ").style.height) 
{ 
document.getElementById( "hide1 ").value= "min "; 
document.getElementsByTagName( "form ")[0].submit(); 
} 
} 得到min的时候修改分页的长度,并且保存到viewstate里我javascript很烂，也看不懂，能不能请高手帮忙解释一下告诉我怎么用，干脆给我个现成的代码最好了。多谢各位了，十万火急。大家帮帮忙

Answer 1

你还有你的窗体里放一个submit按钮。然后经过判断如果gridview1的高度大于你的那个滚动条ＤＩＶ高度时就给一个hide1隐藏控键，赋值。这个时候你就要在submit按钮的事件里做判断，进行对gridview1分页代码处理。

Answer 2

无滚动条:在js里加如下代码:
html{
overflow: hidden;
}

Answer 3

yangpeiyu  ，有没有稍微详细的代码啊，发到我邮箱可以吗？[email protected]

Answer 4

一个完全js的分页方法
<style>
    body{font-size:12pt;}
    #container{overflow:hidden;line-height:20px;height:200px;border:solid 1px black;}
</style>
<div id="container">
1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br />20<br />21
</div>
<div id="guider"></div>
<script>
function $(id){return document.getElementById(id);}
window.onload=function(){
  var c=$('container'),g=$('guider');
  var displayH=c.offsetHeight,scrollHeight=c.scrollHeight;
  var pageCount=scrollHeight%displayH==0?scrollHeight/displayH:Math.floor(scrollHeight/displayH)+1;//计算页数
  //输出分页的页数导航
  var tmpStr="";
  for(var i=1;i<=pageCount;i++)tmpStr+="<a href='#' onclick='return setScrollTop("+((i-1)*displayH)+")'>"+i+"</a>　";
  g.innerHTML=tmpStr;
}
function setScrollTop(top){
  $('container').scrollTop=top;
  return false;
}
</script>