모바일 사파리에서 고정 위치 지정을 달성하는 방법: 종합 가이드
2024년 11월 20일에 게시됨
검색:379
Mobile Safari의 고정 위치 지정: 종합 가이드
Mobile Safari에서 뷰포트를 기준으로 요소의 고정 위치를 지정하는 것은 어려울 수 있습니다. Mobile Safari에서는 "위치: 고정"이 작동하지 않는다는 널리 알려진 믿음에도 불구하고 Gmail은 실제 고정 위치 지정과 매우 유사한 혁신적인 솔루션을 도입했습니다.
이 문제를 해결하는 한 가지 접근 방식은 JavaScript를 활용하여 실시간 스크롤 이벤트를 감지합니다. 이를 통해 페이지가 스크롤될 때 요소의 위치를 동적으로 조정할 수 있습니다.
페이지 하단으로 스크롤되는 고정 위치 div를 구현하려면 간단한 JavaScript 스크립트를 구현할 수 있습니다.
window.onscroll = function() {
var fixedDiv = document.getElementById('fixedDiv');
fixedDiv.style.top = (window.pageYOffset window.innerHeight - 25) 'px';
};페이지의 오프셋과 높이를 기준으로 "fixedDiv" 요소의 "top" 속성을 조정하면 사용자가 스크롤할 때 div가 뷰포트 하단의 위치를 유지합니다. "25" 조정은 최적의 보기를 위해 div가 화면 하단에서 약간 오프셋되도록 보장합니다.
최신 튜토리얼
더>
-
실시간 통신을 위해 Go에서 WebSocket 사용채팅 애플리케이션, 실시간 알림, 협업 도구 등 실시간 업데이트가 필요한 앱을 구축하려면 기존 HTTP보다 더 빠르고 대화형인 통신 방법이 필요합니다. 이것이 바로 WebSockets가 필요한 곳입니다! 오늘은 Go에서 WebSocket을 사용하여 애플리케이션에 실시간...프로그램 작성 2024년 11월 20일에 게시됨 -
Bootstrap 4 베타의 열 오프셋은 어떻게 되었나요?Bootstrap 4 베타: 열 오프셋 제거 및 복원Bootstrap 4는 베타 1 릴리스에서 열 오프셋 방식에 중요한 변경 사항을 도입했습니다. 열이 오프셋되었습니다. 그러나 후속 베타 2 릴리스에서는 이러한 변경 사항이 취소되었습니다.offset-md-*에서 ml-...프로그램 작성 2024년 11월 20일에 게시됨
-
고유 ID를 유지하고 중복 이름을 처리하면서 PHP에서 두 개의 연관 배열을 어떻게 결합합니까?PHP에서 연관 배열 결합PHP에서는 두 개의 연관 배열을 단일 배열로 결합하는 것이 일반적인 작업입니다. 다음 요청을 고려하십시오.문제 설명:제공된 코드는 두 개의 연관 배열 $array1 및 $array2를 정의합니다. 목표는 두 배열의 모든 키-값 쌍을 통합하는 ...프로그램 작성 2024년 11월 20일에 게시됨
-
`if` 문 너머: 명시적 `bool` 변환이 있는 유형을 형변환 없이 사용할 수 있는 다른 곳은 어디입니까?형변환 없이 허용되는 bool로의 상황별 변환귀하의 클래스는 bool로의 명시적인 변환을 정의하여 해당 인스턴스 't'를 조건문에서 직접 사용할 수 있도록 합니다. 그러나 이 명시적 변환은 다음과 같은 질문을 제기합니다. 캐스트 없이 't'...프로그램 작성 2024년 11월 20일에 게시됨
-
macOS의 Django에서 \"부적절하게 구성됨: MySQLdb 모듈 로드 오류\"를 수정하는 방법은 무엇입니까?MySQL이 잘못 구성됨: 상대 경로 문제Django에서 python prepare.py runserver를 실행할 때 다음 오류가 발생할 수 있습니다:ImproperlyConfigured: Error loading MySQLdb module: dlopen(/Libra...프로그램 작성 2024년 11월 20일에 게시됨
-
MySQL에서 한 주의 첫날을 결정하는 방법은 무엇입니까?MySQL에서 한 주의 첫날 결정날짜 범위 작업 시 한 주의 첫 번째 날을 식별해야 하는 경우가 많습니다. 특정 날짜 동안. MySQL에서는 원하는 한 주의 시작 요일에 따라 접근 방식이 다릅니다.일요일에 한 주 시작다음 주에 시작하는 첫 번째 요일을 구합니다. 일요일...프로그램 작성 2024년 11월 20일에 게시됨
-
스택 정리를 담당하는 호출 규칙은 무엇입니까?호출 규칙: stdcall 대 cdecl프로그래밍에서 호출 규칙은 매개변수가 함수 간에 전달되는 방식을 정의합니다. 두 가지 일반적인 호출 규칙은 stdcall과 cdecl입니다.1. cdecl 함수 호출cdecl 함수가 호출되면 호출자는 스택 정리를 담당하지 않습니다...프로그램 작성 2024년 11월 20일에 게시됨
-
Go 함수가 여러 값을 직접 반환할 수 없는 이유는 무엇입니까?Go에서 여러 값을 반환하는 문제Go에서 여러 값을 반환하려고 하면 특정 구문은 유효한데 다른 구문은 유효하지 않은 이유가 혼란스러워 보일 수 있습니다. 이를 설명하기 위해 다음 두 코드 조각을 고려하십시오.func FindUserInfo(id string) (Info...프로그램 작성 2024년 11월 20일에 게시됨
-
`go` 문을 사용할 때 기본 고루틴에서 `input.Text()`가 평가되는 이유는 무엇입니까?메인 고루틴에서 input.Text()가 평가되는 이유Go 프로그래밍 언어의 8장에서 다음 명령문은 다음과 같습니다. 동시성 에코 서버에 대해 작성되었습니다:go에 의해 시작된 함수에 대한 인수는 go 문 자체가 실행될 때 평가됩니다. 따라서 input.Text()는 ...프로그램 작성 2024년 11월 20일에 게시됨
-
Github에 액세스할 때 My Go HTTP 클라이언트가 "이 사이트에 대한 액세스가 제한되었습니다"라는 메시지가 표시되는 이유는 무엇입니까?Go HTTP 클라이언트에서 "이 사이트에 대한 액세스가 제한되었습니다" 문제 해결Go의 HTTP 클라이언트를 사용하여 Github 리소스에 액세스하면 " 이 사이트에 대한 액세스가 제한되었습니다' 오류가 발생했습니다. 이 문제는 AW...프로그램 작성 2024년 11월 20일에 게시됨
-
MySQL을 사용하여 오늘 생일을 가진 사용자를 어떻게 찾을 수 있습니까?MySQL을 사용하여 오늘 생일을 가진 사용자를 식별하는 방법MySQL을 사용하여 오늘이 사용자의 생일인지 확인하려면 생일이 일치하는 모든 행을 찾는 것이 포함됩니다. 오늘 날짜. 이는 UNIX 타임스탬프로 저장된 생일을 오늘 날짜와 비교하는 간단한 MySQL 쿼리를 ...프로그램 작성 2024년 11월 20일에 게시됨
-
AngularJS의 ng-options에서 값 속성을 어떻게 설정합니까?AngularJS에 대한 ng-options의 값 설정AngularJS의 ng-options 지시문을 사용하면 개발자가 태그에 대한 옵션을 채울 수 있습니다. 흔히 발생하는 질문 중 하나는 각 옵션의 값 속성을 설정하는 방법입니다.값 설정 메커니즘을 이해하기 위해 n...프로그램 작성 2024년 11월 20일에 게시됨
-
인덱싱을 희생하지 않고 MySQL에서 선행 와일드카드를 사용하여 "LIKE" 쿼리를 어떻게 최적화할 수 있습니까?인덱싱을 손상시키지 않고 "like" 및 와일드카드를 사용하여 MySQL 검색 최적화데이터베이스 최적화 영역에서 다음과 같은 "like" 연산자를 활용하는 쿼리 "SELECT * FROM sometable WHERE some...프로그램 작성 2024년 11월 20일에 게시됨
-
XPath 1.0에서 대소문자를 구분하지 않는 contain() 기능을 달성하는 방법은 무엇입니까?XPath의 대소문자를 구분하지 않음 contain()XSLT 또는 기타 DOM 순회 애플리케이션에서 대소문자를 구분하는 문자열 비교로 XPath 쿼리를 수행하면 제한적이다. 그러나 XPath 1.0에서는 대소문자를 구분하지 않는 contain() 기능을 구현하는 것이...프로그램 작성 2024년 11월 20일에 게시됨
-
Java에서 디렉터리를 만드는 방법: 단계별 가이드Java에서 디렉토리 생성Java에서 디렉토리(폴더)를 생성하는 과정은 간단합니다. System.getProperty("user.home")을 사용하여 사용자의 홈 디렉토리를 이미 얻었다고 가정합니다. 이름이 "새 폴더"인 디렉터리가...프로그램 작성 2024년 11월 20일에 게시됨
중국어 공부
- 1 "걷다"를 중국어로 어떻게 말하나요? 走路 중국어 발음, 走路 중국어 학습
- 2 "비행기를 타다"를 중국어로 어떻게 말하나요? 坐飞机 중국어 발음, 坐飞机 중국어 학습
- 3 "기차를 타다"를 중국어로 어떻게 말하나요? 坐火车 중국어 발음, 坐火车 중국어 학습
- 4 "버스를 타다"를 중국어로 어떻게 말하나요? 坐车 중국어 발음, 坐车 중국어 학습
- 5 운전을 중국어로 어떻게 말하나요? 开车 중국어 발음, 开车 중국어 학습
- 6 수영을 중국어로 뭐라고 하나요? 游泳 중국어 발음, 游泳 중국어 학습
- 7 자전거를 타다 중국어로 뭐라고 하나요? 骑自行车 중국어 발음, 骑自行车 중국어 학습
- 8 중국어로 안녕하세요를 어떻게 말해요? 你好중국어 발음, 你好중국어 학습
- 9 감사합니다를 중국어로 어떻게 말하나요? 谢谢중국어 발음, 谢谢중국어 학습
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
