滚动动态DIV

时间:2014-06-04 11:36:39

标签: c# javascript jquery asp.net

我有一个DIV,它有图像和超链接,它们是用CODE

添加到C#中的
mStr.Append(" <div id='wn'>");
mStr.Append("<div id='lyr1'> <ul id='horiz'>");

if (dv.Count > 0) {
    for (int i = 0; i < dv.Count; i++) {

        mStr.Append("<li width='450' height='110' style='padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;'>");
        mStr.Append("<a href='PlayGame.aspx?GameID=" + GameLib.Utilities.Encrypt(dv[i][1].ToString()) + "'>");
        mStr.Append("<img src='../" + dv[i][10].ToString() + "' width='156px' height='109px' style='padding-left:0px;'  />");
        mStr.Append("</a>");
        mStr.Append("</li>");
    }
    mStr.Append("</ul></div></div>");
    RelatedGames.InnerHtml.Remove(0, RelatedGames.InnerHtml.Length);
    RelatedGames.InnerHtml = mStr.ToString();
}

..但问题是我想滚动DIV以便我可以浏览所有图像。我在JQuery中尝试了很多方法,但它一直被卡住和静态。我将不胜感激任何建议。

或者,有没有其他方法可以实现相同的功能?

2 个答案:

答案 0 :(得分:0)

只需将css属性 overflow:scroll 用于目标div

<div id='lyr1' style='overflow:scroll'>

答案 1 :(得分:0)

只需添加以下CSS:

#lyr1 {
    overflow: auto;
}

Overflow是一个CSS属性,用于指定应如何显示大于其父项的内容。默认值为visible,这意味着所有内容都将显示,即使它超出了其父级的大小(在您的情况下也是如此)。将其设置为auto将使隐藏在父级中的所有内容都隐藏,并在必要时添加滚动条。 要使滚动条始终可见,请执行overflow: scroll;

现场演示:http://jsfiddle.net/DanVicBez/kNk4y/