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

在我的代码中，我正在尝试设置width的{{1}}和slide1等于slide2。我的问题是：有没有简单的方法可以做到这一点，或者我将不得不为所有browser width重复相同的代码？

Answer 1

因为您正在使用类：

使用css声明您的类（如.slide）为宽度100％

.slide
{
    width: 100%;
}

你不一定需要用javascript完成这个，这就是为css构建的：）

使用Javascript在水平滚动中进行页面大小校正

1 个答案: