水平滚动响应网站

Question

有谁知道是否有可能创建一个横向滚动五个面板但仍保持响应的网站？我可以通过创建一个外部div来使其适用于特定的视口大小，该div包含一个扩展了五个不同屏幕的div。我使用javascript来设置视口div的最大宽度和每个部分的宽度，但是如果浏览器调整大小，或者设备方向已更改，它不会“响应”，则必须重新加载页面。有没有人对此有任何见解？

Answer 1

您可以在窗口调整大小而不是加载时调整调整大小功能...

假设这被放置在窗口加载事件中，但是您选择设置它。 （例如$(document).ready()）

function resize(){
    //do whatever you do on resize here
}

//set the listener and call the function initially
$(window).on('resize', resize);
resize();