滑块行为不端

Question

我已经在我的主题中实施了一个slider插件，不幸的是，使用黄金信息+按钮激活了一些错误。

突出显示的元素，表现不寻常：

- 左侧边栏文本和右下箭头，正在改变其位置上升或消失（取决于滑块）;

- 标题logotext +菜单，在关闭滑块结束位置时摇晃（我想这与在关闭过渡时也出现的不需要的horrizontal滚动条有关）; 实时链接here;

对于上述调整css，是否有任何固定解决方案？不太确定如何处理这个问题。谢谢，

Answer 1

我已经想出了某种方式

.shiftnav-wrap { 
  margin-top: -1px; /* thank you very much @zgood, logotext / menu is not jiggling anymore :) */
}

html {
  overflow-x: hidden; /* adding this line to hide the horizontal scrollbar that appear on slider closing phase */
}

#scroll_totop {
  top: 850px; /* instead of bottom: 25px to prevent disappearing */
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .bar-side > div {
     position: relative; /* to keep in place the jiggling left sidebar */
     margin-top: 612px;
   }
}

.bar-side > div {
  position: relative; /* to keep in place the jiggling left sidebar */
}

此外，设置这些transition-delay: .0s会使滑块与wrapper同时转换，并且在开始阶段滑块会保留侧边栏文本。

@media screen and (min-width: 767px) {
    .shiftnav-open .shiftnav-wrap {
        -webkit-transition-delay: .0s;
        -moz-transition-delay: .0s;
        -ms-transition-delay: .0s;
        -o-transition-delay: .0s;
        transition-delay: .0s
    }
}