Javascript 调整大小时元素错位（使用最大宽度：100%缩放相对于窗口大小）

我使用

最大宽度：100%；高度：自动

元素和my

图像滑块包装上的code>

调整浏览器窗口的大小时，图像会正确缩放，但许多周围元素不会跟随，并且位置错误。刷新页面或在图像滑块中加载下一个图像后，它们将自动更正。有什么想法吗

-缩放窗口，css在第25行
Pikachoose library设置每个动画上几个元素的大小

<div class="pika-stage" style="height: 355px;">

<div class="pika-aniwrap" style="position: absolute; top: 0px; left: 0px; width: 835px;">

其中索引3是当前活动幻灯片。您可能希望使用一种形式的超时，并且只调用它一次以提高性能

var resizeSlider = null

$(window).resize(function(){
  if(resizeSlider) clearTimeout(resizeSlider)
  resizeSlider = setTimeout(function() {
     $('#pikame').data('pikachoose').GoTo(3)
  }, 300)
})

这将使goto在最后一个window.resize事件发生300毫秒后触发

希望这能给你一些想法

var resizeSlider = null

$(window).resize(function(){
  if(resizeSlider) clearTimeout(resizeSlider)
  resizeSlider = setTimeout(function() {
     $('#pikame').data('pikachoose').GoTo(3)
  }, 300)
})