테스트 사이트 - 개발 중인 베타 버전입니다

새로고침 했을 때 java가 적용이 안되어 있습니다 채택완료

yuzin 3년 전 조회 1,227

$(function () {

    var e = $(document).scrollTop();

    var t = $('.nav_wrapper').outerHeight();

    $(window).scroll(function () {

        var n = $(document).scrollTop();

        if ($(document).scrollTop() >= 50) {

            $('.nav_wrapper').css('position', 'relative');

        } else {

            $('.nav_wrapper').css('position', 'relative');

        }                             if (n > t) {

            $('.nav_wrapper').addClass('scroll');

        } else {

            $('.nav_wrapper').removeClass('scroll');

        }

        if (n > e) {

            $('.nav_wrapper').removeClass('no-scroll');

        } else {

            $('.nav_wrapper').addClass('no-scroll');

        }                  if ($(document).scrollTop() >= 50) {

            $('.fixed').css('top', '0px');

        } else {

            $('.fixed').css('top', '30px');

        }                 e = $(document).scrollTop();

    });

}); 이 자바를 메뉴바에 이용하는데 사진으로 보시면 lnb에 적용이 안되어 있습니다.

 

그런데 스크롤 시 자바가 적용이 되어 이런 형태로 됩니다.

이걸 새로고침을 해도 밑에 사진처럼 자바가 바로 적용이 되게 할 수 있나요? ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

스크립트 자체가 스크롤 했을때 실행되도록 되어있네요 

 

스크롤 여부와 상관없이 새로고침 했을때 해당 class 와 style 가 적용되어있게 하시고 싶으면 

이렇게 선언해주시면 됩니다

그럼 새로고침 여부 상관없이 해당 class 가 적용됩니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

y
yuzin
3년 전
감사합니다!! 공부중인데 이거 하나가 문제였어요 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인