溢出和水平滚动

时间:2017-02-19 15:11:32

标签: jquery scroll overflow zoomooz

我一直试图解决这个小溢出问题已经有一段时间了,我现在还不知道该怎么做。

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

现在我很开心,我开始工作了。

问题:

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

所以我有这个横向卷轴的东西正在进行,它的工作但是... 只要其中一个框在视口中有一半,它就会切割框,因为视口已停止。 给你一个例子..(jsfiddle)如果你看到5个白框,第五个就在视口内...按nr4,你会看到5号被切断。

我正在调查如何更改溢出,我注意到我可以更改溢出:屏幕溢出:可见并且它确实解决了问题...但现在出现了另一个问题并且缩小了并没有滚动浏览器视口时,#39;工作。

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

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

由于

-kjegwan

0 个答案:

没有答案