基于Javascript的内容从粘性侧边栏中消失

Question

我有一个带有ul列表的侧边栏，如下所示：

<div id="sidebar">
<ul>
</ul>
</div>

侧边栏中没有实际的html内容，因为ul列表是通过javascript函数填充的。因此，一旦页面加载完成，我的javascript函数就会填充ul列表。

问题是，我想让这个侧边栏变得有粘性，但当我让它变得有粘性时，ul列表中的内容就会消失(就好像javascript再也无法识别我的ul列表一样(。

我尝试过的：

• 我尝试使用纯css使侧边栏具有粘性，比如"位置：粘性
• 我试着用"；Sticksy"；脚本来自：https://sticksy.js.org/sticksy脚本工作得很好，但结果是一样的：我的ul列表不再由我的javascript函数填充

如前所述，javascript似乎找不到要添加内容的ul列表，而侧边栏很粘。关于如何避开这个问题有什么建议吗？

编辑：(这是广告代码到我的ul列表的功能(

var summaryWidgetList = document.querySelector("#sidebar ul");    
function mySummary() {
var selectionList = document.querySelectorAll("#site-main .product-title");
selectionList.forEach(selectionItem => {
var selectionItemTag = document.createElement("li");
selectionItemTag.innerHTML = selectionItem.textContent;
summaryWidgetList.appendChild(selectionItemTag);
})
}
window.addEventListener('load', mySummary);

Answer 1

好吧，试着将数据附加到ul元素中。创建ul元素的ID：

<ul id="list">
</ul>

现在将<李>元素以您想要的方式"；列表"；要素F.ex.使用香草JavaScript：

document.getElementById("list").innerHTML += "<li> filled </li>"

我创建了一个非常简单的示例：https://playcode.io/695917/