.js 만 해결> 767px

나는 까다로운 머리글이 있으며 아래로 스크롤하면 머리글, 메뉴 및 로고가 작아집니다. 하지만 나는 모바일 장치에서이를 원하지 않습니다. 해결 방법 : 767px에 대해서만 .js를 활성화하는 방법?.js 만 해결> 767px

$(window).scroll(function() { 
    var value = $(this).scrollTop(); 
    if (value > 350) 
     $(".top-nav li").css("padding", "20px 15px 0px"), 
     $(".logo img").css("margin", "7px 0 0 0"), 
     $(".logo img").css("height", "50px"); 
    else 
     $(".top-nav li").css("padding", "30px 15px 10px"), 
     $(".logo img").css("margin", "13px 0 0 0"), 
     $(".logo img").css("height", "57px"); 
});

출처

2014-01-07 Darku

'VAR screenRes = $ (창) .availWidth();' '경우 (screenRes> 767) {' '// 여기 코드 ' '}' – jplara

'if (screen.width> 767) {do 이벤트 핸들러' – adeneo

@jplara sth가 잘못되었습니다. 나는 아직도 그것을 작동하게 할 수 없다. – Darku

검색 대상은 Responsive Webdesign이며 JS에서 자체적으로 구현하면 안됩니다.

는 CSS에서 그것을 구현하는 대신 같은이 (단지 예를 들어) :

@media(min-device-width: 767px){ 
    .top-nav li { 
    padding: 20px 15px 0px; 
    } 
}

감사

출처

2014-01-07 16:06:01

유사한 행에서 다음과 같이 미디어 쿼리에 none을 표시하도록 탐색 세트를 설정할 수 있습니다. @media all 및 (max-width : 767px) {.top-nav {display : none; }} –

.js 만 해결> 767px

답변

관련 문제