如何设置滚动条位置

how do you set the scrollbar position

本文关键字：滚动条 位置 设置 何设置      更新时间：2023-09-26

我有一个div，里面有7个面板，但在使用滚动时一次只显示1个。我的问题是如何在div 内从一定距离开始？我已经查找了一些解决方案，但似乎无法让它们工作。这是我到目前为止所拥有的：

.JS

function olo() {
    el = document.getElementById("overlimo");
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
    var targetXPos = 800;
    $(document).ready(function () {
        $('html, body').animate({
            scrollLeft: targetXPos
        }, 900);
    });
}

HTML和CSS很长，所以除非你需要看到它们，否则我暂时不说了。初始函数 olo（） 转到覆盖层。由于每个环节都有自己的起点，我需要知道如何从某个位置开始。

假设我的初始div 宽为 900px，该div 中的整行为 6300px。单击时，我需要为其余 6 个面板设置间隔：例如 900 像素英寸、1800 像素英寸、2700 像素英寸......等。

你试过吗：

var targetXPos = $(el).position().left;

现在，如果您使用相对或绝对定位的负载，则可能需要在.position()和.offset()之间进行试验此外，代码可能应该在doc.ready

在正文上使用 scrollLeft 而不是通过 animate 怎么样？ 

$(document).ready(function () {
    $('body').scrollLeft(targetXPos);
});

来自 API 文档

相关文章：