Question

我有一个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中尝试了很多方法，但它一直被卡住和静态。我将不胜感激任何建议。

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

Answer 1

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

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

Answer 2

只需添加以下CSS：

#lyr1 {
    overflow: auto;
}

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

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

滚动动态DIV

2 个答案: