카페 24에서 제이쿼리 충돌이 일어나는 것 같아요 ㅠㅠ

Question

카페24로 쇼핑몰 작업중인데요지난주에 작업할때는 navi 쪽 부분에 효과를 줘서 스크롤하여 내려오면 navi 바가 고정되게 했는데요이번주에 다시 작업하는데 익스플로어 에서는 되는데 크롬에서는 안되는 현상이 발생했어요 네비부분 html이구요 ---------------css #navigation ul {width: 100%; margin:0 auto; padding-left: 0; } #navigation li { color: #000; font-weight: bold; display: inline-block; padding: 1rem; position: relative; transition-duration: 0.5s; margin-right: 15px; font-size: 17px; letter-spacing: -1px; text-decoration: none; } #navigation li a:hover { opacity: 1; cursor:pointer; text-decoration: none; } #navigation ul li ul { background-color: rgba(28,28,28,0.5); visibility: hidden; opacity: 0; min-width: 13rem; position: absolute; transition: all 0.5s ease; margin-top: 1rem; left:0; display: none; text-align: left; list-style: none; } #navigation ul li:hover > ul, #navigation ul li ul:hover { visibility: visible; opacity: 1; display: block; } #navigation ul li ul li { clear:both; width:100%; } a.nav_li_a { text-decoration: none; color: #fff; font-weight: normal; font-size: 15px; text-shadow: 1px 1px 2px #2f2f2f; text-decoration: none; }-------jqueryjQuery(document).ready(function ($) { $(window).scroll(function(){ var scrollTop = 142; if($(window).scrollTop() >= scrollTop){ $('nav').css({ position : 'fixed', top : '0', background: 'rgba(28,28,28,0.5)', width:'100%', margin:'0 auto' }); } if($(window).scrollTop() < scrollTop){ $('nav').removeAttr('style'); } }) }) jQuery(document).ready(function ($) { $(window).scroll(function(){ var scrollTop = 142; if($(window).scrollTop() >= scrollTop){ $('.nav_li').css({ color : 'white' }); } if($(window).scrollTop() < scrollTop){ $('.nav_li').removeAttr('style'); } }) }) 이런 식인데 소스를 복사해서 오프라인으로 진행하니 문제는 없었거든요카페24랑 충돌이 일어나는것 같은데... 헤드부분은 이렇습니다. 빌더를 구해해서 진행한건데 충돌이 어떻게일어나는걸까요?ㅠㅠ

카페 24에서 제이쿼리 충돌이 일어나는 것 같아요 ㅠㅠ

0개의 답변

Q&A 목록