Question

我有一个全屏滑块，我在调整大小时使用scrollintoview来保持当前幻灯片在视口中居中但是由于某些原因，在safari中调整大小时不会触发scrolllintoview吗？

Scrollintoview适用于点击功能，但当我尝试在我的调整大小功能中触发它时，它无法触发？

我错过了什么吗？

$( window ).resize(function() {
 resize();
});;

function resize(){

var active_slide = $('.active').attr('id');
document.getElementById(active_slide).scrollIntoView();

}

编辑 - 当我在getElementById中不使用变量时，scrollintoview可以工作。

Works - document.getElementById（'WI-slide2'）。scrollIntoView（）;

不起作用 - document.getElementById（active_slide）.scrollIntoView（）;

Answer 1

我试过这个在Safari 6.1.1上运行良好：

<script>

window.onresize = function(event) {
var e = document.getElementById("theElement");
e.scrollIntoView(true);
};

</script>

我不清楚为什么这对你不起作用...你试过将scrollIntoView推迟到像这样的计时器吗？：

window.onresize = function(event) {
window.setTimeout(resize,1000);

};

scrollintoview不会在调整大小时触发

1 个答案: