javascript - 更改隐藏的 div 的滚动

Question

我有一个固定高度和滚动条的隐藏 div。我想更改滚动位置，但浏览器不允许我这样做，因为 div 是隐藏的。scrollTop 属性将保持为 0。

此外，我不想显示和隐藏 div，这会导致闪烁。

如果有人知道该怎么做，那将非常有帮助。

谢谢!

Answer 1

您可以使用 jQuery 的数据函数保存滚动。

function SaveScroll(val)
{
    $(the_element).data("Scroll", val);
}

function Show()
{
    var element = $(the_element);

    // prevent from showing while scrolling
    element.css
    ({
        position: "absolute",
        top: "-50000px",
        left: "-50000px",
        display: ""
    });

    // Scroll to the position set when it was hidden
    element.scrollTop(element.data("Scroll"));

    // show the element
    element.css
    ({
        position: "",
        top: "",
        left: ""
    });
}

这可能会成功

---

您也许可以只使用 visibility: hidden 而不是 display: none。可见性使元素保持原样。我相信它与 opacity: 0 完全相同，但它是一个跨浏览器的解决方案。