[code=HTM]
<div style="overflow-y:hidden; height:140px;" id="d_div">
<ul></ul>
</div>
[/code]
高度是为了最多可以显示7个而设置的,ul里的li是通过脚本创建的,现在有两个问题:问题1:比如我通过一个按钮点击触发一个function ,里面创建li
function myfunc(){
$("#d_div ul").append("<li>这是第1个li</li>");
}
前面7个都没有问题,到第8个时,第8个不会出现在最下方,我必须通过点击下方的按钮调用另外一个方法才可以显示第8个,把第1个向上挪, 我本意是想让第8个显示在最下方,而这时候第一个就会向上挪动一个li高度(20),怎么做。问题2:假如我不知道从第8个开始往后高度会溢出,我如何判断div的高度是否溢出了,我想当div的高度溢出的时候把下方的按钮设置启用,还有如果溢出了我点击向下的按钮后如何判断div的内容到达底部了。在此先谢谢各位了
<div style="overflow-y:hidden; height:140px;" id="d_div">
<ul></ul>
</div>
[/code]
高度是为了最多可以显示7个而设置的,ul里的li是通过脚本创建的,现在有两个问题:问题1:比如我通过一个按钮点击触发一个function ,里面创建li
function myfunc(){
$("#d_div ul").append("<li>这是第1个li</li>");
}
前面7个都没有问题,到第8个时,第8个不会出现在最下方,我必须通过点击下方的按钮调用另外一个方法才可以显示第8个,把第1个向上挪, 我本意是想让第8个显示在最下方,而这时候第一个就会向上挪动一个li高度(20),怎么做。问题2:假如我不知道从第8个开始往后高度会溢出,我如何判断div的高度是否溢出了,我想当div的高度溢出的时候把下方的按钮设置启用,还有如果溢出了我点击向下的按钮后如何判断div的内容到达底部了。在此先谢谢各位了
解决方案 »
- 请问一个<script>里函数结果怎么让一个PHP页面得到????
- 新手提问:运行ASP.NET时出现下面的问题,怎办?
- 再问一次数据导出到客户机盘上的问题???
- c#(实在不行js也行。。。)如何判断这是不是图片。。
- 一个SQL 存储过程中 有 select 语句 也有 insert、update、语句。
- asp.net中如何得到某个文件的属性,如标题/作者等~
- 关于ASP.NET操作XML很简单的问题。在线等待。
- 禁用界面某些功能
- HtmlInputFile ,当我选好了一个文件后 ,如何让label1和textbox1 显示,该文件的文件名 ?HtmlInputFile 有没有 onchange事件 ?
- 一个很差劲的问题,但我不会!请帮忙?
- 请问各位在前台如何判断后台的CheckBox1是否已选中
- <a href='download.ashx?url=<%=Server.UrlEncode('+<%#Eval("path")%>+')%>'>
[code=HTM]
function scroll(index)
{
temp=index; d_div.scrollTop=d_div.scrollTop+temp;
if(temp==0)
return;
}
[/code]
比如我知道了溢出的高度我就可以模拟一次上面的方法。
http://developer.51cto.com/art/201008/222403.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
#div1 {
width:100px;
height:4em;
font-size:12px;
border:1px solid red;
overflow:hidden;
}
</style>
<script>
var n=0;
function addContent(Xelement)
{
Xelement.innerHTML="<span style='display:block;line-height:12px;'>中华
人民共和国宪法是我国的根本大法,是指定其他法律法规的依据。</span>";
Xelement.childNodes[0].style.marginTop=n--+"em";
}
</script>
</head>
<body>
<div id="div1" onclick="addContent(this)"></div>
</body>
</html>
连续单击div,可以看到效果。原理是差不多的。
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
var first = 1;
var last = 7;
$(function () { CreateLi(first, last);
$("#btnUp").click(function () {
if (first > 1) {
first--; last--;
CreateLi(first, last);
}
}); $("#btnDown").click(function () {
last++;
first++;
CreateLi(first, last);
});
}); function CreateLi(first, last) {
var ul = $("#show ul");
ul.children().remove();
for (var i = first; i <= last; i++) {
ul.append("<li>"+i+"</li>");
}
}
</script>
[/code]
[code=HTM]
<input type="button" id="btnUp" value="UP" /> <div id="show">
<ul></ul>
</div> <input type="button" id="btnDown" value="DOWN" />
[/code]
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script src="jquery-1.5.min.js"></script>
<script>
var i = 0;
function myfunc() {
$("#d_div ul").append("<li>这是第" + (i++) + "个li</li>");
$("#d_div").scrollTop = $("#d_div").scrollHeight;
document.getElementById("d_div").scrollTop = document.getElementById("d_div").scrollHeight
if(document.getElementById("d_div").scrollTop>0) alert("溢出了。")
} </script>
<style>
li{border-bottom:1px solid blue}
</style>
</head>
<body>
<div style="overflow-y: hidden; height: 140px;border:1px solid red" id="d_div">
<ul>
</ul>
</div>
<input onclick="myfunc()" />
</body>
</html>[/code]