Javascript 中的内容偏移

发布于 2024-08-08 04:31:43 字数 99 浏览 5 评论 0原文

我想创建自己的带有滚动的 div 实现,而不使用 overflow:scroll;

但我似乎不知道如何获取 div 的内容偏移量,有人知道吗?

I want to create my own implementation of a div with scroll, without using overflow: scroll;

But I can't seem to figure out how to get the content offset of a div, does anyone know?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

情释 2024-08-15 04:31:44

我不完全确定我理解“内容偏移”的含义,但实现类似滚动行为的一种方法是:

<div id="a">
    <div id="b">
        Lorem ipsum dolor pipsum.
    </div>
</div>

#a {
    position: relative;
    overflow: hidden;
    height: 100px;
}
#b {
    position: absolute;
    height: 200px;
}

现在您可以在 #a< 内滚动 #b /code> 通过更改 #btop 属性。将其滚动到底部意味着将 top 设置为 -100px,并将 0 设置为重置。

不过,实现实际的滚动条将取决于您。以及诸如鼠标滚轮支持之类的东西。

I'm not entirely sure I understand what you mean by "content offset", but one way to implement scrolling-like behavior would be this:

<div id="a">
    <div id="b">
        Lorem ipsum dolor pipsum.
    </div>
</div>

#a {
    position: relative;
    overflow: hidden;
    height: 100px;
}
#b {
    position: absolute;
    height: 200px;
}

Now you could scroll #b within #a by changing the #b's top property. Scrolling it to bottom would mean setting top to -100px, and 0 to reset.

Implementing an actual scroll-bar would be up to you, though. As well as things like mouse-wheel support.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文