javascript - 네이티브 js에서 가로 스크롤 막대와 왼쪽 스크롤 사이의 거리를 모니터링하는 방법은 무엇입니까?

왼쪽에서 가로 스크롤 막대의 스크롤 거리를 모니터링합니다.

我想大声告诉你 2017-05-19 10:08:22 0  2  612

왼쪽의 브라우저와 오른쪽의 코드는 이를 설정하는 방법입니다.

왼쪽의 브라우저와 오른쪽의 코드는 이를 설정하는 방법입니다.

DeepSea1203 2020-02-12 20:45:13 0  1  1476

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

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

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

javascript - H5 드롭다운 페이지를 왼쪽과 오른쪽으로 슬라이드하는 페이지에서 어떻게 달성할 수 있나요?

현재 수요는 이렇습니다. 여러 스토리를 왼쪽과 오른쪽으로 전환할 때 각 스토리 페이지를 아래로 끌어내려야 동일한 페이지에 표시되도록 할 수 있나요? 별도의 페이지로 만들어야 하나요? 아니면 왼쪽과 오른쪽을 전환하여 함께 넣어야 하나요? 조언 부탁드립니다.

ringa_lee 2017-06-26 10:49:41 0  1  1008

javascript - 스와이프의 좌우 전환 화살표를 클릭하면 스와이프 소스 코드의 SlideNext 함수 내에서 현재 vue 인스턴스에 액세스합니다.

현재 요구 사항은 vue를 사용하여 탭 표시줄과 스와이프가 포함된 캐러셀 구성 요소를 생성하는 것입니다. 캐러셀 이미지의 왼쪽 및 오른쪽 헤드를 클릭하면 스와이프의 SlideNext 함수에서 현재 페이지의 페이지 번호를 가져오고 페이지 번호를 vue 인스턴스에 전달하여 캐러셀 이미지의 동기화 효과를 얻고 싶습니다. 그리고 탭바! 하지만 지금은 var...

漂亮男人 2017-06-26 10:58:16 0  1  764

왼쪽에서 오른쪽으로 더 가까워지고 멀어지는 CSS 애니메이션으로 턴테이블의 유리 외관의 움직임을 시뮬레이션합니다.

정면에서 볼 때 턴테이블 판 위의 유리의 움직임을 시뮬레이션하면서 더 가까워지고 멀어지면서 왼쪽에서 오른쪽으로 수평으로 이동하는 CSS 애니메이션을 만들려고 합니다. 가까이 다가가는데 여전히 잘 보이지 않고, 현재는 원이 아닌 다이아몬드 모양을 따라 움직이는 것처럼 보입니다. 제가 시도한 것은 다음과 같습니다... Roll{display:block;width:100px;height:100px;Background:red;margin:10pxauto10pxauto;animation:ro

P粉208469050 2023-09-04 21:59:55 0  1  566

javascript - 스크롤 스크롤 문제

1. https://www.kayak.com.hk/holi... 본 사이트의 효과가 주된 효과입니다. 스크롤 막대를 슬라이드하면 오른쪽 div가 아래로 스크롤되고 왼쪽 div도 그에 따라 스크롤됩니다. 하지만 왼쪽 div가 너무 길기 때문에 윗부분을 숨겨야 이 효과를 얻을 수 있습니다. ...

过去多啦不再A梦 2017-06-26 10:55:45 0  4  953

javascript - 왼쪽 및 오른쪽 화살표를 클릭하면 그림이 그에 따라 이동하며 가운데 그림은 항상 가장 크게 표시됩니다.

아래 그림의 효과를 만들고 싶습니다. 현재 6개의 그림이 있습니다. 1. 왼쪽이나 오른쪽으로 이동한 후 중단 없이 첫 번째 또는 마지막 그림부터 시작하는 방법. 중간 위치의 사진은 만드는 방법입니다. 경험이 풍부한 학생들이 아이디어를 제공할 수 있기를 바랍니다.

曾经蜡笔没有小新 2017-05-19 10:29:25 0  5  793

css - JavaScript가 Safari가 왼쪽 가장자리에서 오른쪽으로 스와이프하여 돌아가는 것을 방지할 수 있습니까? 다른 방법이 있나요?

iOS에는 안드로이드 뒤로 버튼이 없어서 왼쪽 가장자리를 오른쪽으로 스와이프하면 돌아갈 수 있는데, 이제 사파리에서는 이 기능을 비활성화하고 싶은데, 사용자가 한 단계씩만 내려갈 수 있는 건가요? 그리고 돌아갈 수 없습니다. Baidu에서 검색한 결과 모두 기본 iOS 솔루션이므로 웹 프런트 엔드에서 JavaS를 사용할 수 있다는 것을 알았습니다.

滿天的星座 2017-05-16 13:36:16 0  4  860

vim - 두 개의 `분할 창`이 `scroll lock`이나 `scoll sync` 또는 유사한 기능을 구현할 수 있습니까?

코드를 작성할 때 모니터를 올릴 수 없기 때문에 코드에 표시되는 줄의 수가 매우 적고, 상하 스크롤이 매우 빈번하므로 다음과 같은 생각이 듭니다. 단일 파일을 편집할 때 :vs, 저기 두 개의 수직 창(왼쪽 창의 번호는 1-44, 오른쪽 창의 번호는 45-88)이고 스크롤 잠금 또는 s를 구현합니다.

过去多啦不再A梦 2017-05-16 16:38:52 0  1  690

javascript - iscroll.js에 대한 콜백 함수가 있나요? 어떻게 사용하나요?

1. iscroll의 콜백 기능에 대해 초보자로서 먼저 이 프레임워크에 콜백 기능이 있는지 물어보겠습니다. 2. myscroll.scrollTo(0,10,200,true)가 완료된 후 다른 기능을 트리거하는 방법은 무엇입니까? 3. 테이크아웃 예시처럼 오른쪽 스크롤이 완료되면 왼쪽 메뉴도 스크롤 되는데...

我想大声告诉你 2017-07-05 10:46:43 0  1  947

javascript - 스와이프 탭 전환 각 버튼을 클릭하여 스와이프 컨테이너를 이동하려면 어떻게 해야 합니까?

스와이퍼 탭 전환을 위해 각 버튼을 클릭하여 스와이퍼 컨테이너를 이동하려면 어떻게 해야 합니까? 예를 들어 NetEase의 상단 탭 전환이 각 버튼을 클릭하면 탭 전환 컨테이너가 스크롤됩니다(1: 왼쪽과 오른쪽으로 스크롤할 수 있으며 콘텐츠가 전체 컨테이너 ,) http://3g.163.com/touch/aut...

迷茫 2017-06-14 10:54:16 0  2  802

다른 페이지로 이동할 때 ScrollPosition이 맨 위로 설정되지 않았습니다.

웹페이지는 마스터-슬레이브 접근 방식을 사용하여 설계되었습니다. 마스터에는 클릭하면 슬레이브(오른쪽 창)에 해당 페이지가 표시되는 탭(왼쪽 창)이 있습니다. 예를 들어. master에는 기본적으로 스키마가 표시되는 세 개의 "스키마 및 템플릿" 탭이 있습니다. 사용자는 왼쪽 창(마스터 페이지에 의해 로드됨)에 있는 탭을 사용하여 이 두 페이지(슬레이브 페이지에 의해 로드됨) 사이를 탐색할 수 있습니다. 이제 사용자가 스키마 페이지의 특정 위치로 스크롤하여 템플릿 페이지로 이동할 때 스크롤 위치가 맨 위로 설정되지 ...

P粉556159786 2023-08-30 09:07:14 0  1  572

스크롤 상태를 건드리지 않고 React의 div 상단에 추가

반응에 문제가 있습니다. 가로 스크롤로 볼 수 있는 많은 하위 div가 포함된 간단한 스크롤 가능 div를 구현하려고 합니다. 기본적으로 각 하위 div는 하루에 해당합니다. 이 구성요소는 사용자가 현재 날짜와 다음 날짜에 대한 정보를 처음 볼 때 로드됩니다. 그러나 사용자가 (왼쪽 또는 오른쪽) 스크롤하는 경우 일종의 "무한 스크롤 기능"을 구현하여 더 많은 정보를 추가할 수 있기를 바랍니다. 상위 div 끝에 새 하위 div를 추가하려고 하면 아무런 문제가 없습니다. 그러나 상위 div의 시작 부분에 새 하위 ...

P粉217629009 2024-03-19 19:13:46 0  1  473

flex를 수평으로 감싸기 위해 그리드의 열을 사용하는 방법은 무엇입니까?

https://codepen.io/itaied246/pen/eYbOWjm 가로로 공간을 채우고 아래로 스크롤하는 세로 스크롤 기능을 갖춘 flexbox를 성공적으로 만들었습니다. 가로로도 동일한 작업을 수행하고 싶습니다. 즉, 공간을 세로로 채우고 오른쪽으로 스크롤합니다. 내 flexdiv는 max-content가 있는 해당 그리드 안에 있습니다. 내가 놓친 게 무엇입니까?

P粉481035232 2023-08-16 21:11:09 0  1  536

html - jquery에서 setInterval을 사용하여 루프에서 기어 스크롤 만들기

지금 만들고 있는 애니메이션은 마우스를 가리키면 스크롤 이벤트가 발생하는 것입니다. 우리가 만들고 싶은 애니메이션은 페이지가 로드된 후 일정 기간 후에 기어가 다시 롤아웃되는 것입니다. 시간의. 오른쪽 스크롤과 왼쪽 스크롤 모두 가능하지만 jquery에서 "일정 시간 후 + 롤아웃 후 롤백..."이라고 쓰는 방법을 모르겠습니다.

習慣沉默 2017-05-16 13:25:04 0  3  848

javascript - 클릭 이벤트 버그입니다. 무엇이 잘못되었는지 모르겠습니다.

1. 그림이 입 오른쪽으로 스크롤 된 후 왼쪽 화살표를 빠르게 클릭하면 돋보기 기능이 무효화되고 그 외의 경우에는 아무데나 클릭해도 문제가 없는 것 같습니다. 어디에서 문제가 발생했는지 알 수 없습니다. stop()과clearQueue()를 사용했지만 효과가 없습니다. html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  1000

페이지가 끝에 가까워지면 요소가 사라져야 합니다.

페이지 상단에서 아래로 스크롤할 때 클래스를 추가하고 제거하기 위한 JS 코드가 있지만, 페이지 끝 부분에 도달하면 사라지거나 일부 스크롤 후 이전 상태로 되돌아가기를 원합니다( 예: 오른쪽에서 7px에서 오른쪽으로: -150px) 동일한 JS 코드를 복사하고 scrollTop>rollBottom을 변경했지만 작동하지 않습니다. jQuery(document).on('scroll',(e)=>{if(document.body.scrollTop>120|

P粉463418483 2024-03-29 23:04:00 0  1  394

HTML 입력의 텍스트 방향 반전

내 웹사이트에 아랍어 지원을 제공해야 합니다. 그 중 일부는 사용자가 입력할 때 새 문자를 왼쪽에 추가하고 텍스트를 오른쪽에 정렬해야 하는 입력 텍스트 상자를 제공하는 것입니다. CSS 속성을 text-align:right로 설정하면 커서를 왼쪽으로 이동하고 거기에 문자를 추가할 수 없기 때문에 작동하지 않았습니다. 그래서 해당 속성을 제거하고 방향:RTL을 추가했습니다. 여기서 커서는 왼쪽으로 이동하고 텍스트는 오른쪽으로 정렬됩니다. 단, 새로 추가된 문자는 왼쪽에 추가되지 않고 오른쪽 끝에만 추가됩니다. 이 문제를 어떻게 해결할...

P粉217629009 2023-08-22 12:58:49 0  2  659

javascript - weex는 어떻게 특정 위치로의 스크롤을 모니터링하고 고정된 고정 효과를 추가합니까?

weex 프레임워크를 사용하면 시나리오는 다음과 같습니다. 어딘가로 스크롤하여 수정하시겠습니까? 지금 우리가 겪고 있는 상황은 vue 작성 방법을 사용하는 것인데, weex에서는 이를 지원하지 않는 것 같습니다.

高洛峰 2017-06-26 10:54:54 0  2  871