Question

您好，我的HTML网站在浏览器大小更改时重新启动。请帮助我解决此问题。

这是网站http://hampton.settech.info/

我将我的文件上传到了这里，这是代码文件

https://mega.nz/folder/7pRmAQaJ#HzgQkG5N7xJ4wVIPSM3B6g

Answer 1

当浏览器窗口大小更改时，您的页面实际上并未重新加载。

相反，由于resize()文件中有一个名为main.js的函数会进行重置，因此将重置网站的布局并重新启动其动画，并且将其连接到jQuery的窗口调整大小事件（在main.js的顶部。）

删除resize()函数或对其进行重写，以使它不会从头开始重新启动所有动画。

这是有问题的代码：

/**
 * Add All the Custom JS Here
 */

var pscroll;
var w,h,t1,t2,t3,t4;
$(window).on('load', animatee);
$(window).on('resize', resize);
  
  function resize(){

    clearTimeout(t1);
    clearTimeout(t2);
    clearTimeout(t3);
    clearTimeout(t4);

        $('.overlay').removeClass('overlayHidden');
        $('.logo2').addClass('animatee');
        $('.footer__content,.copy').css('display','none');
        $('.logo2').css({
         top: 'auto',
         left: 'auto',
         width: w - (w*0.5)+'px',
         height: h - (h*0.5)+'px'
        });
        $('.main-nav.no-anim').removeClass('aanim');
        $('.footer__title').removeClass('aanim0');
        $('.main-content__right-sidebar.no-anim').removeClass('aanim2');
        //$('.main-content__wrap > div').removeClass('aanim3');
        $('.main-content__left-sidebar-title,.main-nav ul,.social-icons,.footer__title > div').removeClass('anim4');
        $('.main-content__details').removeClass('main-content__details__scroll');
        $('.main-content__title,.main-content__left-sidebar-wrap').removeClass('anim4');
        $('.content-area > div').hide();
        $('.nav-links li').removeClass('cactive');

        animatee();
  }

当浏览器大小更改时重新加载HTML网站

1 个答案: