当前位置：文江博客话题详情

HTML 检查溢出 - 文本位置

发布于 2024-12-02 19:28:39 字数 171 浏览 1 评论 0原文

我制作了一个带有自定义滑块的侧边栏，我想要做的是当侧边栏滚动到顶部/底部时更改滑块的图像。我有一个溢出：隐藏，但我不知道如何检查它是在底部还是顶部。

-- David

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

发布评论

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

忆伤 2024-12-09 19:28:39

这当然取决于您如何实现滑块（您添加的链接效果不太好），但例如，如果它位于顶部时发生的变化只是它与嵌套的 div 顶部的距离，那么只需添加每当滑块完成移动时都会检查 top 或 bottom CSS 属性是否等于 0，如下所示：

if ((document.getElementById("myimage").style("top")==0) {
    document.getElementById("myimage").setAttribute("src","topImageSrc");
}

if ((document.getElementById("myimage").style("bottom")==0) {
    document.getElementById("myimage").setAttribute("src","bottomImageSrc");
}

It depends of course on how you implement your slider (The link you added doesn't work too well) but for example, if what changes when it's on the top is simply it's distance from the top of the div it's nested in then simply add a check whenever the slider finishes it's movement to check if the top or botttom CSS property is equal to 0, as done here:

if ((document.getElementById("myimage").style("top")==0) {
    document.getElementById("myimage").setAttribute("src","topImageSrc");
}

if ((document.getElementById("myimage").style("bottom")==0) {
    document.getElementById("myimage").setAttribute("src","bottomImageSrc");
}

回复收藏 0 原文

~没有更多了~