如何在加载JavaScript时设置初始CSS值

How do I set initial CSS values with JavaScript on load?

本文关键字：CSS 设置 加载 JavaScript      更新时间：2023-09-26

我对JavaScript真的很陌生，我还在努力学习很多东西。我发现一个片段，允许水平视差的滚动。我使用下面的代码来设置'right' css属性:

var $horizontal = $('.scroll');
    $(window).scroll(function () {
    var s = $(this).scrollTop(),
        d = $(document).height(),
        c = $(this).height();
    scrollPercent = (s / (d - c));
    var position = (scrollPercent * 2500) + ($(document).width() / 2);
    $horizontal.css({
        'right': position
    });
});

一旦滚动发生，这个工作得很好，但是，在加载时，'right'属性默认设置为0。只有当我开始滚动时，它才会固定到我的位置变量。我如何在加载时调用这个变量并使用滚动来修改它?

当窗口加载完成时调用scroll函数:

$(window).scroll(function () {
    ...
});
$( window ).load(function() {
   $(window).trigger('scroll');
});
相关文章：