Jquery CSS可见性隐藏或折叠不起作用

你好

我的问题是：即使条件的答案为真，右箭头也不会崩溃。只有当我将窗口大小调整为较小的大小时，它才起作用，但当我尝试将其调整为较大的大小时，它不会起作用

也许我错过了什么。希望你们能帮我。先谢谢你

这是片段（请展开）

$（'#左按钮'）.css（{visibility:'collapse'}）；
$（“#右键”）。单击（函数（）{
event.preventDefault（）；
$（“#内容”）。设置动画({
向左滚动：“+=160px”
}“中等”）；
});
$（“#左按钮”）。单击（函数（）{
event.preventDefault（）；
$（“#内容”）。设置动画({
向左滚动：“-=160px”
}“中等”）；
});
$（“#内容”）。滚动（函数（）{
if（this.scrollWidth-$（this.scrollLeft（）$（this.width（）+0））{
console.log（'mid'）；
$（“#右键”）.css（“可见性”、“可见”）；
$（“#左按钮”）.css（“可见性”、“可见”）；
}
});
。左{
高度：154px；
边界：0；
文本对齐：右对齐；
}
.对{
高度：154px；
边界：0；
文本对齐：左对齐；
}
内部部{
右边距：10px；
最小宽度：150px；
最大宽度：150px！重要；
最小高度：150px；
最大高度：150像素；
边界半径：100%；
边框：2倍实心透明；
填充：0；
溢出：隐藏！重要；
框大小：边框框；
-moz框大小：边框框；
-webkit框大小：边框框；
}
img{
最小宽度：146px；
最大宽度：146px！重要；
最小高度：146px；
最大高度：146px；
}
内部分区：悬停{
边框：2倍纯色橙色；
溢出：隐藏！重要；
框大小：边框框；
-moz框大小：边框框；
-webkit框大小：边框框；
}
.中心{
宽度：954px；
高度：152px；
溢出：隐藏！重要；
/*稍后将此更改为“隐藏”，以拒绝对用户进行查询*/
空白：nowrap；
边界半径：76px 76px 76px 76px；
字体大小：0px；
显示器：flex；
/*边框：1px纯黑*/
}
#左键，#右键{
垂直对齐：次对齐；
字体大小：50px；
字体大小：粗体；
光标：指针；
文本对齐：居中；
}
.fa角右，.fa角左{
填充顶部：50px；
}
.内容{
显示器：flex；
最大高度：154像素；
保证金：自动；
文本对齐：居中；
}
我发现了两个问题

使用您提供的代码，您永远不会进入“右端”状态。
if
内部的操作永远不会为真，因为有一点差异（0.4…），所以永远不会进入。我不知道它是从哪里来的（可能是一些填充），我已经能够使用0.5而不是0使它工作，但是请检查它，看看是否有更好的值

另一方面，您正在对这三个条件使用
if
，当您转到右侧时，它会执行，但也会进入第三个选项，然后再次显示该按钮。如果第二个和第三个条件为

，则可以使用

else求解

这是你的小提琴


我希望这能有所帮助
谢谢。问题似乎已经解决了。很高兴听到这个消息！祝你有一个愉快的一天