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'});

在我的代码中，我试图设置widthofslide1和slide2等于browser width. 我的问题是：是否有任何简短的方法可以做到这一点，否则我将不得不为所有slides 重复相同的代码？

Answer 1

由于您使用的是类：

只需使用 css 将您的类（如 .slide）声明为宽度 100%

.slide
{
    width: 100%;
}

您不一定需要使用 javascript 来完成此操作，这就是 css 的用途:)