Flexcroll 和 innerHTML答案

【问题标题】：Flexcroll and innerHTMLFlexcroll 和 innerHTML
【发布时间】：2012-05-23 16:16:20
【问题描述】：

我正在尝试从一组隐藏的 (display:none) div 中获取内容，以便使用 innerHTML 在主“显示”div 上显示。那部分没有问题。但是，即使在调用 updateScrollBars 方法之后，当我使用 innerHTML 更改“显示”div 的内容时，flexcroll 似乎也不会加载。

这里是有问题的代码：

function switchdis(IDS) {       
    caredet = document.getElementById('caredet');
    carednew = document.getElementById(IDS).innerHTML;
    caredet.innerHTML = carednew;
    fleXenv.updateScrollBars();
}

我不太确定是什么问题。在我看来，该函数已被调用（我可以使用鼠标滚轮滚动），但滚动条根本没有出现。作为记录，我的自定义滚动条在其他页面上运行良好。在另一个页面上，我使用了隐藏和取消隐藏 div 的方法来更改页面内的内容；当我在取消隐藏 div 后调用 updateScrollBars() 方法时，该方法在那里工作。

但不知何故，innerHTML 似乎不起作用。有谁知道为什么？

【问题讨论】：

补充说明。我已经在 flexcroll 中的一个示例文件上尝试了上述功能，并且出现了同样的问题。内容被替换，但滚动条消失。

标签： javascript scrollbar innerhtml

【解决方案1】：

我解决了这个问题。

意识到我已使用 flexcroll 更新了 div 的 innerHTML。如果有人遇到类似问题，请不要这样做。相反，在 flexcroll 主 div 中创建另一个 div 并更改该 div 的 innerHTML。

此外，请记住更新您的 flexcroll 滚动条，并可以选择在每次更改内部 div 的 innerHTML 时将滚动位置移动到顶部。

【讨论】：