웹 프론트엔드 JS 튜토리얼 JavaScript는 top_javascript 스킬로 스크롤한 후 위치 값을 변경하여 메뉴를 고정합니다.

JavaScript는 top_javascript 스킬로 스크롤한 후 위치 값을 변경하여 메뉴를 고정합니다.

May 16, 2016 pm 05:43 PM
결정된 스크롤 맨 위

이제 많은 웹사이트에서 페이지가 특정 높이로 스크롤되면 메뉴 표시줄이 페이지 상단에 고정됩니다. 사실 포지션의 가치를 바꾸는 것입니다.
html 코드:

코드 복사 코드는 다음과 같습니다.



="text /css">
.wrapper{width:1000px;height:2000px;margin-left:auto;margin-right:auto;}
.header{height:150px;}
# nav{padding :10px;position:relative;top:0; background:black;width:1000px;}
a{display:inline-block;margin:0 10px;*display:inline;zoom:1;color: white;}


>< ;/div>

"text/ javascript" src="menuFixed.js">

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

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

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

VirtualBox 고정 디스크를 동적 디스크로 또는 그 반대로 변환 VirtualBox 고정 디스크를 동적 디스크로 또는 그 반대로 변환 Mar 25, 2024 am 09:36 AM

가상 머신을 생성할 때 디스크 유형을 선택하라는 메시지가 표시되며 고정 디스크 또는 동적 디스크를 선택할 수 있습니다. 고정 디스크를 선택했지만 나중에 동적 디스크가 필요하다는 사실을 깨닫게 된다면 어떻게 될까요? 아니면 그 반대의 경우도 가능합니다. 이번 포스팅에서는 VirtualBox 고정 디스크를 동적 디스크로 또는 그 반대로 변환하는 방법을 살펴보겠습니다. 동적 디스크는 처음에는 크기가 작다가 가상 머신에 데이터를 저장함에 따라 크기가 커지는 가상 하드 디스크입니다. 동적 디스크는 필요한 만큼만 호스트 저장 공간을 차지하므로 저장 공간을 절약하는 데 매우 효율적입니다. 그러나 디스크 용량이 늘어나면 컴퓨터 성능이 약간 영향을 받을 수 있습니다. 고정 디스크와 동적 디스크는 일반적으로 가상 머신에서 사용됩니다.

변경되지 않는 컴퓨터 잠금 화면 배경화면을 설정하는 방법 변경되지 않는 컴퓨터 잠금 화면 배경화면을 설정하는 방법 Jan 17, 2024 pm 03:24 PM

일반적으로 컴퓨터의 바탕 화면 배경 패턴은 사용자가 조정할 수 있습니다. 그러나 일부 Windows 10 사용자의 경우 컴퓨터의 바탕 화면 배경 이미지를 수정하고 싶지만 설정 방법을 모릅니다. 실제로, 그것은 매우 간단하고 조작하기 쉽습니다. 컴퓨터 잠금 화면 배경화면을 변경하지 않고 수정하는 방법 1. 설정하려는 사진을 마우스 오른쪽 버튼으로 클릭하고 배경 사진으로 설정을 선택합니다. 2. Win+R을 눌러 열고 실행한 다음 "gpedit.msc"를 입력합니다. 3. 다음으로 확장합니다. 사용자 구성 - 관리 템플릿 - 제어판 - 개인 설정 4. 개인 설정을 클릭한 후 "바탕 화면 배경 변경 방지"를 선택합니다. 5. 사용을 선택합니다. 6. 그런 다음 설정을 열고 배경으로 들어가면 이 작은 단어가 표시된다는 의미입니다. 설정되었습니다.

Windows 11에서 위젯 패널을 항상 표시하는 방법 Windows 11에서 위젯 패널을 항상 표시하는 방법 Aug 13, 2023 pm 07:13 PM

Windows 11에서 열 때 항상 위젯 보드를 표시하는 방법은 무엇입니까? 음, 최신 Windows 업데이트를 다운로드하고 설치하여 시작할 수 있습니다. 참가자 프로그램의 최신 업데이트 패치에서 Microsoft는 개발 및 카나리아 채널의 사용자가 위젯 보드를 고정하여 열 수 있으므로 위젯 보드가 항상 한 눈에 표시될 것이라고 밝혔습니다. Windows 11에서 항상 위젯 보드가 열려 있음을 표시하는 방법 Microsoft에 따르면 보드를 고정하여 열려면 보드 오른쪽 상단에 있는 압정 아이콘을 클릭하기만 하면 됩니다. 보드가 열린 상태로 고정되면 위젯 보드는 더 이상 닫기를 무시하지 않습니다. 보드가 고정되어 있는 동안 작업 표시줄의 위젯 버튼을 통해 위젯 보드를 열어 보드를 닫을 수 있습니다. 언제 위젯

JavaScript에서 지정된 요소 위치로 스크롤을 구현하는 방법은 무엇입니까? JavaScript에서 지정된 요소 위치로 스크롤을 구현하는 방법은 무엇입니까? Oct 22, 2023 am 08:12 AM

JavaScript에서 지정된 요소 위치로 스크롤하는 기능을 구현하는 방법은 무엇입니까? 웹 페이지에서 특정 요소 위치에 사용자의 주의를 집중시켜야 할 때 JavaScript를 사용하여 지정된 요소 위치로 스크롤하는 기능을 구현할 수 있습니다. 이 기사에서는 JavaScript를 통해 이 기능을 구현하는 방법을 소개하고 해당 코드 예제를 제공합니다. 먼저, 대상 요소의 위치 정보를 얻어야 합니다. Element.getBoundingClient를 사용할 수 있습니다.

HTML, CSS, jQuery: 자동 스크롤 게시판 만들기 HTML, CSS, jQuery: 자동 스크롤 게시판 만들기 Oct 27, 2023 pm 06:31 PM

HTML, CSS 및 jQuery: 자동으로 스크롤되는 게시판 만들기 현대 웹 디자인에서 게시판은 중요한 정보를 전달하고 사용자의 관심을 끌기 위해 자주 사용됩니다. 자동 스크롤 게시판은 웹 페이지에서 널리 사용되며 게시판 내용을 애니메이션 형태로 페이지에 스크롤하여 표시하여 정보 표시 효과와 사용자 경험을 향상시킵니다. 이번 글에서는 HTML, CSS, jQuery를 활용해 자동 스크롤 게시판을 만드는 방법을 소개하고, 구체적인 코드 예시를 제공하겠습니다. 먼저 HT가 필요합니다.

iframe 스크롤 동작 모니터링 iframe 스크롤 동작 모니터링 Feb 18, 2024 pm 08:40 PM

iframe의 스크롤을 모니터링하려면 특정 코드 예제가 필요합니다. iframe 태그를 사용하여 웹 페이지에 다른 웹 페이지를 삽입할 때 때때로 iframe의 콘텐츠에 대해 몇 가지 특정 작업을 수행해야 합니다. 일반적인 요구 사항 중 하나는 스크롤이 발생할 때 해당 코드가 실행될 수 있도록 iframe의 스크롤 이벤트를 수신하는 것입니다. 다음에서는 JavaScript를 사용하여 iframe의 스크롤을 모니터링하는 방법을 소개하고 참조용 특정 코드 예제를 제공합니다. iframe 요소를 얻으세요. 먼저, 우리가 필요로 하는 것은

Vue에서 전체 화면 스크롤 효과를 구현하는 방법 Vue에서 전체 화면 스크롤 효과를 구현하는 방법 Nov 08, 2023 am 08:42 AM

Vue에서 전체 화면 스크롤 효과를 얻는 방법 웹 디자인에서 전체 화면 스크롤 효과는 사용자에게 매우 독특하고 부드러운 탐색 경험을 제공할 수 있습니다. 이 글에서는 Vue.js에서 전체 화면 스크롤 효과를 얻는 방법과 구체적인 코드 예제를 소개합니다. 전체 화면 스크롤 효과를 얻으려면 먼저 Vue.js 프레임워크를 사용하여 프로젝트를 빌드해야 합니다. Vue.js에서는 vue-cli를 사용하여 프로젝트 뼈대를 빠르게 구축할 수 있습니다. 그런 다음 전체 페이지와 같은 스크롤 효과를 얻기 위해 일부 타사 라이브러리를 도입해야 합니다.

컴퓨터 메모를 데스크탑에 고정하는 방법 컴퓨터 메모를 데스크탑에 고정하는 방법 Feb 15, 2024 pm 04:00 PM

Windows 10 운영 체제에는 편리한 메모 기능이 사전 내장되어 있어 소중한 사용자가 원하는 대로 임시 메모나 메시지를 작성할 수 있습니다. 이것을 빠르고 쉽게 스티커 메모를 찾아서 사용하는 도구로 사용하고 싶거나, 이 실용적인 작은 프로그램을 쉽게 참조할 수 있도록 큰 화면 중앙에 고정하고 싶다고 가정해 보세요. 몇 가지 간단한 방법만으로 위의 소망을 실현할 수 있습니다. 단계: 컴퓨터에 스티커 메모를 고정하는 방법 바탕 화면에서 1. 시작을 클릭한 다음 여기에서 스티커 메모를 클릭합니다. 2. 스티커 메모를 연 후 여기에 해당 내용을 직접 입력할 수 있으며 더하기 기호를 클릭할 수도 있습니다. 3. 타사를 사용하려는 경우 메모 작성 소프트웨어가 있는 경우 해당 소프트웨어의 설정을 입력하여 작동할 수 있습니다.

See all articles