Safari浏览器中的JS / CSS水平鼠标滚轮滚动网站错误

时间:2018-06-21 11:57:23

标签: javascript css

您能帮我解决以下问题吗?

上下文:

让我开始说我是一个业余/业余网站设计者,与专业无关。我一直在忙于为我的企业建立网站。投资组合部分包含水平鼠标滚轮滚动部分,因此图像从左到右读取。 我使用缪斯制作了网站,并在其中实现了一些自定义CSS和JS代码以进行水平滚动。我对JS的了解有限。

问题:

一切正常,除了在野生动物园中。这里水平滚动不起作用。这与overflow-y:hidden有关,我在html和body中设置了。如果删除此选项,滚动将在Safari浏览器中进行,但不会出现y溢出:隐藏,网站将无法在响应模式下正确显示,因为它将超过内容高度,在内容下方显示了一个较大的空白,用户可以向下滑动至。我尝试了很多事情,但不幸的是,我觉得自己已经走到了尽头。有人可以帮我吗?

目标:

  • 桌面模式:允许在野生动物园中水平滚动鼠标滚轮
  • 响应模式:在内容下方不显示较大的空白空间

网站网址: http://www.jellevdvegt.nl/kam.html

1 个答案:

答案 0 :(得分:0)

好的,所以我找到了解决方案。

这篇文章对我有帮助:

is there a css hack for safari only NOT chrome?

基本上,您可以设置一些仅在浏览器为野生动物园时适用的属性。就像魅力一样:)