javascript - 모바일 웹사이트 네비게이션 바의 수평 슬라이딩 감속 효과를 얻는 방법

주요 웹사이트의 모바일 버전 내비게이션 바는 일반적으로 휴대폰 화면을 터치한 후 슬라이딩하면 감속 효과가 있습니다. 인터넷에서 많이 검색해 본 결과 이 ​​기능이 정말 마음에 들었습니다. js touch 이벤트에 대한 소개였는데 자세한 방법을 찾지 못해서 마스터님께 원리와 구체적인 설명을 부탁드리고 싶습니다.

给我你的怀抱 2017-06-28 09:27:42 0  1  895

html - CSS 네비게이션 바가 흐려지고, 네비게이션 바가 고정되었으며, 페이지가 슬라이드되면서 아래 페이지가 흐려졌습니다.

오랫동안 인터넷에서 검색한 결과 아래 페이지에 동적으로 영향을 주어 흐릿하게 만들 수 있는 해결 방법을 찾지 못했습니다. 이것은 스테이션 B의 흐림 효과입니다. 정적입니다. 두 장의 동일한 그림을 사용하고, 한 장의 일부를 흐리게 하고 다른 그림과 병합하는 것이 원칙입니다. 내 생각은 AE와 유사한 조정 레이어에 가우시안 블러를 추가하여 아래 레이어에 실제 효과를 주는 것입니다.

大家讲道理 2017-05-24 11:36:02 0  2  1099

css3 - CSS 전환 효과로 인해 텍스트가 흐려지거나 떨리나요?

gif로 직접 이동해 보겠습니다. 코드: 템플릿: {code...} CSS: {code...} 일부 관련 없는 스타일이 제거되었습니다. 현재 알려진 상황은 오른쪽에 있는 작은 삼각형의 전환 효과입니다. Chrome의 드롭다운 상자에 backface-visibility: hide;를 추가하면 텍스트가 흐려지고 흔들립니다.

ringa_lee 2017-05-24 11:35:53 0  2  2430

javascript - js의 현재 페이지 상단에 있는 dom 요소를 가져오는 방법입니다.

주로 Baidu Encyclopedia의 오른쪽 탐색 모음과 유사한 효과를 얻고 싶습니다. 페이지가 스크롤됨에 따라 오른쪽의 탐색 표시줄도 변경됩니다. 감사해요. http://baike.baidu.com/item/G...

黄舟 2017-05-19 10:29:38 0  2  645

javascript - 좌우로 슬라이드할 수 있는 탐색 메뉴를 구현하는 방법

http://m.hexun.com 상단의 연한 빨간색 네비게이션 바와 유사하게 좌우로 원활하게 이동할 수 있습니다. 이렇게 하면 전화기 화면에 더 많은 메뉴 항목을 표시할 수 있습니다. 이 효과를 주는 주스 플러그인이 있나요? 온라인에서 슬라이드 메뉴를 검색하면 웹사이트 네비게이션이 화면 중앙에 나오는데, 제가 원하는 효과가 아닙니다.

習慣沉默 2017-07-05 11:03:37 0  2  859

javascript - 탐색 웹사이트의 검색창에서 입력 커서 포커스를 자동으로 가져오도록 하려면 어떻게 해야 합니까?

예를 들어, 이 탐색 웹사이트(https://www.2345.com/)를 연 후 커서가 Baidu 검색창을 자동으로 찾지 않습니다. ID를 가져온 다음 포커스 기능을 호출하려고 했지만 작동하지 않았습니다. 이 웹 사이트를 열 때마다 이를 달성하기 위해 js 코드를 작성하는 방법은 무엇입니까? 효과는 https://www.hao123.com/과 같습니다.

PHP中文网 2017-06-12 09:28:26 0  2  816

네비게이션 바 호버 효과 구현 방법

저는 수직 네비게이션 바 작업을 하고 있습니다. 해당 아이콘의 이름이 오른쪽에 표시되어야 합니다. 마우스가 아이콘 위에 있을 때 이름도 흰색에서 검은색으로 바뀌어야 하는데 작동하지 않습니다. 도움이 되는지 알아보기 위해 태그를 변경해 보았습니다. 또한 HTML의 태그를 변경하고 CSS의 태그를 변경하여 태그가 작동하도록 했습니다. 내 문제에 대한 해결책을 찾기 위해 이 사이트를 찾았습니다. 내 네비게이션 바를 작동시킬 수 없습니다. 여기에 코드를 넣는 방법을 알 수 없습니다. 도움이 될 수 있다면 메시지를 통해 코드를 보내 드리겠습...

P粉041758700 2024-01-10 18:06:56 0  1  425

전체 페이지를 이동하지 않고 특정 섹션을 대상으로 하는 페이지 내에서 세로 스크롤 구현

일부 페이지에서 이런 효과를 본 적이 있습니다. 아래로 스크롤했지만 페이지 자체가 움직이지 않는 것 같습니다. 따라서 일부 요소는 페이드 인 또는 아웃되거나 나타나거나 사라집니다. 5장의 카드가 포함된 섹션이 있습니다. 이제 동일한 효과를 만들고 싶습니다. 섹션까지 아래로 스크롤할 때 위아래로 스크롤하여 섹션을 탐색하고 싶습니다. 현재 위치에 따라 카드를 표시하거나 숨기고 싶습니다. 먼저 해당 섹션에 Overflow:scroll을 추가했지만 이 효과를 만들 아이디어가 부족했습니다.

P粉946437474 2023-08-15 19:29:46 0  1  401

Nuxt-link는 Bootstrap-vue를 사용하여 페이지 문제를 새로 고칩니다.

탐색을 위한 사용자 지정 호버 드롭다운 메뉴를 만들기 위해 nuxt와 bootstrap을 사용하고 있습니다. 내가 겪고 있는 문제는 내 탐색 하위 메뉴 NuxtLinks가 Nuxt 블록 내의 애플리케이션 콘텐츠를 원활하게 변경하는 대신 전체 페이지를 새로 고치는 것입니다. 탐색 모음은 default.vue 레이아웃에서 동적으로 생성되며 콘텐츠를 래핑하는 NuxtLink와 함께 b-dropdown-hover 구성 요소를 사용합니다. 페이지가 이러한 링크/앵커에 대해 완전히 새로 고쳐지는데 내 b-navbar-브랜드 이미지가 원활하게 ...

P粉512729862 2023-12-07 08:58:02 0  1  709

javascript - 반응에 관한 질문

아래는 React로 작성한 간단한 동적 효과인데, 일부 내용이 불분명합니다. 타이머 끝에 왜 바인드(this)를 추가해야 합니까? 그 기능은 무엇입니까? 바인드(this) 추가에 대해 불분명하게 만드는 지식 포인트는 무엇입니까? {암호...}

PHP中文网 2017-06-15 09:23:44 0  2  751

버튼을 클릭할 때만 양식으로 리디렉션하고 옵션을 선택합니다. 그렇지 않으면 탐색 탭의 표준 표시가 기본값입니다.

하나의 탐색 탭에 양식이 있고 다른 탐색 탭에서 해당 양식에 연결합니다. 아래 코드를 사용하여 여러 페이지의 모든 탐색 탭에 연결하고 있습니다. consthash=window.location.hash;constbsTab=newbootstrap.Tab(hash);bsTab.show(); 작동하지만 가능하다면 URL에서 리디렉션한 후 해시태그를 제거하고 싶습니다. 이것은 자바스크립트의 이 부분에서 발생하는 문제입니다. 다른 하나는

P粉012875927 2024-03-22 10:12:30 0  1  324

여러 요소에 호버 효과를 동적으로 추가

프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 단일 단위를 나타내는 여러 요소가 있는(그러나 다른 이유로 여러 요소로 분리해야 하는) 시스템에서는 경우에 따라 마우스를 올리면 함께 색상이 다시 지정되어야 합니다. 프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 아니면 이것이 좋은 습관입니까? my_own_css_class를 사용하여 마우스를 올리면 모든 요소에 추가하여 이 문제를 해결할 수 있었습니다. 하지만 프로그래밍 방식으로 호버 효과를 만들면 나에게 도움이 될 것 같습니다.

P粉203792468 2023-08-15 23:49:58 0  1  492

javascript - 이 콘텐츠는 어떻게 블록으로 표시되나요? 왜 테스트할 수 없나요?

이 단일 페이지에 콘텐츠가 어떻게 블록 단위로 표시됩니까? 두 개의 {code...} 부분을 삭제한 다음 다음과 같이 설정을 지정했습니다. 탐색 {code...} 콘텐츠 {code... } 왜 그럴 수 있나요? 이거랑 똑같은 효과가 있는거 아닌가요? 여기서 열었을때 그냥 표시하고 네비게이션을 눌렀는데...

曾经蜡笔没有小新 2017-05-16 13:16:49 0  2  382

동일한 페이지에 있는 여러 구성 요소의 Livewire 페이지 매김 문제

동일한 페이지에서 두 개의 페이지 매김 구성 요소를 사용할 때 Livewire 페이지 매김 문제가 있습니다. 저는 여러 페이지네이터 사용에 대한 Livewire 문서의 조언을 따랐습니다. 그러나 구성 요소 중 하나에서 페이지로 이동하려고 할 때마다 두 가지 문제가 발생합니다. 처음 탐색할 때는 예상대로 작동하지만 이후 시도에서는 페이지가 매겨진 탐색 링크가 리디렉션되지 않습니다. first 리디렉션 후 사라집니다. URL을 수동으로 변경하면 구성 요소가 변경 사항을 반영하고 올바른 페이지를 표시합니다. 구성 요소 자체의 페이지를 클...

P粉714780768 2023-09-01 12:49:12 0  1  506

html5 - Vue 바인딩 동적 변수를 사용할 수 없습니다.

그림과 같이 temp['attachment_mane'+item]은 커서 위치에서 동적 변수에 바인딩되어 있지만 변수가 변경된 후에는 아무런 영향을 미치지 않습니다.

怪我咯 2017-06-17 09:17:06 0  1  914

javascript - js(Vue) practice : @를 입력하면 관련 후보 목록이 자동으로 나오는 방법은?

효과는 다음과 같습니다. 효과 설명: 1. 사용자가 @ 기호를 입력하면 옵션 목록이 나타나고 옵션 목록이 @ 기호 뒤에 자동으로 배치됩니다. (현재 아이디어는 @인 경우 입력 문자를 동적으로 모니터링하고 커서가 가리키는 위치에 목록 상자가 나타납니다.) 2. 사용자가 @를 입력하면 사용자가 선택을 무시하고 계속 입력합니다. .

PHP中文网 2017-07-05 11:03:32 0  3  3632

모바일의 버튼이 계속 초점을 맞추거나 활성 상태를 유지하여 CSS 애니메이션에 문제를 일으킴

버튼을 클릭할 때마다 애니메이션을 구현하려고 하는데 데스크톱에서는 잘 작동하지만 모바일에서는 동일한 효과를 얻을 수 없습니다. 먼저 버튼을 클릭한 다음 다른 곳을 클릭하여 CSS의 초점을 맞춘 다음 버튼을 다시 클릭하여 애니메이션 효과를 얻어야 합니다. 아래는 코드 조각입니다. .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  513

Vue3 LocalStorage는 구성 요소가 렌더링된 후에 설정됩니다.

사용자 데이터를 로드하는 탐색 모음이 있는데, 이 모든 것은 사용자가 애플리케이션에 성공적으로 로그인한 후에 발생합니다. 문제는 navbar를 로드한 후 localStorage를 약간 설정해야 한다는 것입니다. setTimeout()으로 래핑하면 모든 것이 잘 작동하지만 변수는 사용자 활동에 따라 변경될 수 있으므로 본질적으로 반응적이어야 합니다. Toolbar.vue<템플릿><!--begin::Toolbarwrapper--><divc

P粉321584263 2024-03-25 23:56:35 0  1  416

정적 페이지를 "만료된 페이지"로 올바르게 변환하는 방법은 무엇입니까?

정적 프로모션 페이지가 많이 있습니다. 하지만 프로모션이 만료된 경우 만료 페이지를 탐색/표시해야 합니다. NextJS를 사용하여 정적 페이지에서 이를 수행하는 올바른 방법은 무엇입니까? 시도 1: getStaticProps에서 만료되었는지 확인합니다. 문제는 재검증이 600초마다 발생한다는 것입니다. 따라서 이는 정확한 12시가 아닌 오전 12시 28분에 발생할 수 있습니다(배포 시기에 따라 다름). 따라서 만료된 페이지가 제 시간에 표시되지 않습니다. 이 문제를 해결하는 방법? 또는 페이지를 변경하는 "올바른"...

P粉930448030 2023-09-11 19:35:30 0  1  628

React Native Expo에서 동적 모듈 가져오기 구현

내 ReactNativeExpo 앱(ExpoGo 앱 내에서 실행 중)이 현재 import/fromimportFoo,{Bar}from "foo"를 수행하는 경우 이를 특정 조건이 충족될 때만 가져오는 동적 가져오기로 변환할 수 있습니다(예: hello= = = "세계"? 다음 작업을 수행하면 non-stdC++Exception 오류로 인해 애플리케이션이 충돌하게 됩니다. if(안녕하세요==="

P粉885562567 2023-08-28 15:01:05 0  1  540