html - 使用 Javascript 水平滚动时的页面大小校正

Question

我正在尝试使用 scroll.js 在水平滚动网站中使用页面校正(针对不同分辨率的不同浏览器)。这是我的页面更正代码:

function getPageSize() {
    var de = document.documentElement;
    var w = window.innerWidth || self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
    var h = window.innerHeight || self.innerHeight || (de && de.clientHeight) || document.body.clientHeight;
    arrayPageSize = [w, h];
    return arrayPageSize;
}
$(document).ready(function () {
    var page = getPageSize();
    var x = page[0];
    var y = page[1];
    $(".slide1").css({
        width: (x) + 'px'});
    $(".slide2").css({
        width: (x) + 'px'});

在我的代码中，我试图将 slide1 和 slide2 的 width 设置为等于 browser width。我的问题是:有没有什么捷径可以做到这一点，否则我将不得不为所有 slide 重复相同的代码？

Answer 1

因为你正在使用类:

只需将您的类(如 .slide)与 css 声明为宽度 100%

.slide
{
    width: 100%;
}

你不一定需要用 javascript 来完成这个，这就是 css 的目的:)