javascript - HTML 检查溢出 - 文本位置

Question

我制作了一个带有自定义 slider 的侧边栏，我想做的是在侧边栏滚动到顶部/底部时更改 slider 的图像。我有一个 overflow:hidden 但我不知道如何检查它是在底部还是顶部。

Website

-- 大卫

Answer 1

这当然取决于你如何实现你的 slider (你添加的链接不太好用)但是例如，如果它在顶部时发生的变化只是它与它嵌套的 div 顶部的距离然后只需在 slider 完成移动时添加一个检查，以检查 top 或 botttom 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");
}