jquery는 표시 범위를 초과하는 탐색을 screen_jquery 상단으로 자동 수정하는 방법을 구현합니다.
실제로 구현하는 것은 어렵지 않습니다. 먼저, 네비게이션이 표시 범위 내에 있으면 수정할 필요가 없습니다. 내비게이션이 표시 범위를 초과하는 경우, 즉 내비게이션과 화면 상단 사이의 거리가 0보다 작은 경우 화면 상단에 띄우도록 하고, 0보다 큰 경우에는, 복원 작업을 수행하는 방법은 간단합니다. 바
var _defautlTop = $(" #navigator").offset().top - $(window).scrollTop();
//화면 왼쪽으로부터 탐색 거리
var _defautlLeft = $("#navigator").offset( ).left - $(window).scrollLeft();
//탐색 기본 스타일 기록, 초기 스타일 복원 시 필요
var _position = $("#navigator").css('position');
var _top = $("#navigator").css('top');
var _left = $(" #navigator").css('left')
var _zIndex = $( "#navigator").css('z-index');
//마우스 스크롤 이벤트
$(window) .scroll(function(){
if($(this).scrollTop() > _defautlTop){
//IE6에서는 position:fixed를 인식하지 못합니다. position:absolute만 사용하여
if($.browser.msie && $.browser.version=="6.0"){
$("#top").css({'position':'absolute','top':eval(document.documentElement.scrollTop) ,'left':_defautlLeft,'z-index':99999})
//지터 방지
$("html,body").css({'Background-image':'url(about :blank)','Background-attachment':'fixed'})
}else{
$("#navigator").css({'position':'fixed','top':0 ,'left':_defautlLeft,'z-index':99999})
}
}else{
$("#navigator").css({'position':_position,'top' :_top,'left':_left,'z-index':_zIndex});
}
});
});
말할 것도 없고, 한 가지 주의할 점은 IE6이 position:fixed를 인식하지 못하므로 position을 사용해야 한다는 것입니다. :absolute를 사용하여 시뮬레이션한 다음 실시간으로 top 값을 계산합니다. 또한 스크롤할 때 지터를 방지하려면 html과 body에 두 가지 스타일을 추가해야 합니다. 특히 "IE6의 버그에 대한 완벽한 솔루션"에 대해 알아볼 수 있습니다. 위치:고정을 지원하지 않습니다."
또 한 가지 주의할 점은 탐색 너비는 고정 값이어야 한다는 것입니다. 고정 및 절대 값은 인식되지 않기 때문에 자동 또는 100%일 수 없습니다. 물론 수동으로 너비를 얻을 수도 있습니다. 탐색 스타일에는 다음과 같은 전제가 있습니다. 원래 탐색 스타일은 위치: 상대를 가질 수 없습니다. 가장 간단한 방법은 탐색 너비를 설정하는 것입니다.
위 코드는 백그라운드에 설정된 HTML 바닥글 코드에 복사할 수 있습니다. 플로팅 탐색 너비에 문제가 있는 경우 제가 방금 수행한 해결 방법을 참조하세요.

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











"Amap Navigation" 소프트웨어의 축구 내비게이션 음성 패키지는 Amap 지도의 자동차 버전용 내비게이션 음성 패키지 중 하나입니다. 내용은 Huang Jianxiang의 축구 해설 버전의 내비게이션 음성입니다. 설정 방법: 1. Amap 소프트웨어를 엽니다. 2. "추가 도구" - "내비게이션 음성" 옵션을 클릭합니다. 3. "Huang Jianxiang Passionate Voice"를 찾아 "다운로드"를 클릭합니다. , "음성 사용"을 클릭하세요.

Baidu Map App의 Android 및 iOS 버전 모두 최초로 신호등 레이더 기능을 도입한 버전 18.8.0을 출시하여 업계를 선도하고 있습니다. 공식 소개에 따르면 신호등 레이더를 켠 후 자동 감지를 지원합니다. Beidou High-Precision은 실시간으로 위치를 파악할 수 있으며, 전국 100만 개 이상의 신호등이 자동으로 녹색 물결 알림을 실행합니다. 또한 새로운 기능은 완전 무음 내비게이션을 제공하여 지도 영역을 더욱 간결하게 만들고 주요 정보를 한눈에 명확하게 하며 음성 방송을 제공하지 않아 운전자가 운전에 더 집중할 수 있도록 합니다. 2020년 10월 실시간 카운트다운 예측을 지원하는 내비게이션은 신호등 교차로에 접근할 때 남은 카운트다운 초를 자동으로 표시하여 사용자가 항상 전방의 도로 상황을 파악할 수 있도록 합니다. 2022년 12월 31일까지 신호등 카운트다운

내비게이션 지도의 가로 숫자 8은 안개를 의미하고, 보통은 노란색 8 경고 신호, 심각은 주황색 8 경고 신호를 의미합니다.

4월 29일 이 사이트의 소식에 따르면 Amap은 ETA 운전의 업그레이드 버전 출시를 공식적으로 발표했습니다. 현재 순간부터 지정된 경로를 따라 목적지까지 이동) 서비스는 사용자가 보다 정확한 경로 계획 기간 및 교통 상황을 추정하고 여행 결정을 내리는 데 도움을 주는 것을 목표로 합니다. 이 지도 애플리케이션은 최신 업그레이드된 Amap 앱으로, 교통 흐름 패턴을 더 잘 포착하고 학습할 수 있으며 도시 도로 네트워크 및 고속도로 시스템을 지원하고 시공간을 정확하게 묘사할 수 있는 "초대형 그래프 컨볼루션 신경망 모델"을 도입합니다. 교통 상황의 역동적인 변화. 또한 새 버전의 지도에는 iTransformer 시계열 예측 모델이 추가로 통합되어 실시간 분석을 지원합니다.

uniapp에서 페이지 이동 및 탐색을 구현하는 방법 uniapp은 Vue.js를 기반으로 하는 프런트엔드 프레임워크로, 개발자는 모바일 애플리케이션을 빠르게 개발할 수 있습니다. uniapp에서 페이지 이동 및 탐색 구현은 매우 일반적인 요구 사항입니다. 이 기사에서는 uniapp에서 페이지 점프 및 탐색을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. 페이지 점프 uniapp에서 제공하는 메소드를 사용하여 페이지를 점프할 수 있습니다. uniapp에서는 구현을 위한 일련의 메소드를 제공합니다.

Vue를 통해 이미지 탐색 및 썸네일 탐색을 구현하는 방법은 무엇입니까? 웹 애플리케이션이 발전하면서 사진은 일상 생활에서 점점 더 중요한 역할을 하고 있습니다. 많은 경우 이미지 탐색 및 썸네일 탐색 기능을 구현해야 합니다. 이 기사에서는 Vue 프레임워크를 사용하여 이 기능을 구현하고 코드 예제를 제공하는 방법을 소개합니다. Vue에서는 Vue 플러그인을 사용하여 이미지 탐색 및 썸네일 탐색 기능을 구현할 수 있습니다. 인기 있는 플러그인은 간단하고 사용하기 쉬운 인터페이스를 제공하는 vue-gallery입니다.

웹페이지 탐색과 메뉴를 구현하려면 PHP와 XML을 사용하세요. 탐색과 메뉴는 사용자가 필요한 정보나 기능을 빠르게 찾을 수 있도록 해줍니다. 웹 개발에서는 탐색 및 메뉴 데이터를 처리하고 저장하는 데 PHP와 XML이 자주 사용됩니다. 이 기사에서는 PHP와 XML을 사용하여 웹 페이지 탐색 및 메뉴를 구현하는 방법을 소개하고 관련 코드 예제를 제공합니다. 1. XML 메뉴 데이터 파일 만들기 먼저 메뉴 데이터를 저장할 XML 파일을 만들어야 합니다. 다음은 XML 파일의 예입니다.

많은 친구들이 외출할 때 사용하는 바이두 지도는 가장 빠른 경로를 제공할 뿐만 아니라 다양한 여행 방법도 확인할 수 있습니다. 내비게이션 화면 상수를 설정하려면 PHP 중국어 웹사이트에 방문하여 편집기에서 가져온 방법을 확인하세요. Baidu 지도에 계속 표시되도록 내비게이션 화면을 설정하는 방법: 1. 먼저 휴대폰에서 Baidu 지도 앱을 클릭하여 연 다음 페이지 왼쪽 상단에 있는 [개인 아바타]를 클릭하여 엽니다. 2. 개인센터 페이지에 접속하신 후, [설정] 기능을 찾아 클릭하시면 진입합니다. 3. 다음으로 설정 페이지에서 [일반 설정] 항목을 클릭해 들어갑니다. 4. 일반 설정 페이지에 [화면 항상 켜기] 기능이 있습니다. 그 뒤에 스위치 버튼이 표시되어 있습니다. 원형 슬라이더를 클릭하여 버튼을 켜세요.
