У меня есть вложенный список, в котором перечислены дочерние узлы при раскрытии родительского узла. Родительский узел раскрывается нажатием на изображение слева от текста.
К сожалению, он расширяется сразу со страницы. Я хотел бы, чтобы полоса прокрутки появлялась, когда содержимое не на странице.
Когда я устанавливаю «overflow: auto», полоса прокрутки никогда не появляется, она просто раскрывается со страницы и удаляет изображение расширения слева от элементов списка.
Вот пример .html:
<body>
<div id="theDiv" style="clear: left;">
<ul id="theList">
<li id="1" class="parent">
<img class="expanded" align="absmiddle" src="./tree_expanded.gif"/>
Parent1
<ul style="display: block;">
<li id="10">
.....
</ul>
</li>
....
</ul>
</div>
</body>
Вот пример .js:
function expand() {
if(this.className == "expand") {
jQuery(this.parentNode).children("ul").show();
this.className = "expanded";
this.src = "/_images/tree_expanded.gif";
}
else {
jQuery("ul", this.parentNode).hide();
this.className = "expand";
this.src = "/_images/tree_unexpanded.gif";
}
}
Вот пример .css:
#theList {
margin-top: 0;
}
#theList, #theList ul {
list-style: none;
margin: 5px 20px;
padding: 0;
}
#theList .expand, #theList .expanded {
margin-left: -20px;
cursor: pointer;
}
#theList img {
margin-right: 5px;
}
#theList ul {
display: none;
}
#theList li {
white-space: nowrap;
margin-bottom: 4px;
}