Javascript jQuery在类出现在视口中时隐藏

我想在向下滚动时，当某个类在视口中出现时，制作一个固定按钮

更具体地说，它是一个固定的“添加到购物车”按钮，当uer向下滚动到“产品描述”下显示的静态“添加到购物车”按钮时，它应该被禁用

等待帮助，一定很容易我只是不是很有经验。。。 谢谢

新版本非常直接地回答了您的问题

由于Safari和Opera尚不支持此功能，此解决方案将需要polyfill。（溶液中包含polyfill）

在该解决方案中，有一个视外框是目标（已观察到）。当它进入视图时，标题顶部的按钮被隐藏。该框离开视图后将显示

以下是解决问题的代码：

const buttonhide=document.querySelector（'button'）；
const hidewhenboxiview=新的IntersectionObserver（（条目）=>{
如果（条目[0].intersectionRatio请选择并创建一个。@RowfAbd-这不是一个dup。请查看我的答案。@LouysPatriceBesette-我通常会将这样的问题标记为离题，但这是一个棘手的问题。不是一个很容易变为测试的问题。请查看我的答案。我不确定Safari/Opera是一个要求……但非常有趣的插件。回答很好。@LouysPatriceBesette-我包含了polyfill，因此答案可以跨浏览器使用（而且是自私的，因为我在Mac上使用Safari:-）为什么你不能在移动设备上使用polyfill？这毫无意义。你说它在Safari上不起作用？你可以在移动设备上安全地使用polyfill。使用polyfill，所有浏览器都可以工作，包括Safari。