1

一段时间以来，我一直在尝试解决这个小溢出问题，但我现在真的不知道该怎么办。

背景故事：我正在使用 zoomooz.js 插件来放大元素。现在我已经让那部分工作了。我有一个水平滚动，如果我滚动并按下一个元素......它会缩放，当我点击它外部时它会缩小。

现在我很高兴我能做到这一点。

问题：

我已经把我的东西放在了一个 jsfiddle 中： https ://jsfiddle.net/8s17eeoh/

所以我已经开始了这个水平滚动的事情并且它可以工作但是......只要其中一个盒子在视口中的一半，它就会切割盒子，因为视口停止了。举个例子..（jsfiddle）如果您看到 5 个白框，而第五个就在视口内...按 nr4，您将看到数字 5 被切断。

我正在研究如何更改溢出，我注意到我可以将溢出：屏幕更改为溢出：可见并且它确实解决了问题......但是现在出现了另一个问题，那就是当你滚动时缩小不起作用浏览器视口。

 .screen{
  display:flex;align-items:center;
  height:100%;
  width:100vw; 
  overflow: scroll;
  position: absolute;
  margin:0;
  padding:0;
}

我需要一些专家的眼光，因为我只是一个孤独的初学者。

谢谢

-kjegwan

4

0 回答 0