javascript - fullpage.js에 대한 가로 스크롤 컨트롤

이 속성은 가로 페이지 점프 도트를 표시할지 여부를 제어하는 ​​것입니다. 그러나 내부 콘텐츠를 제어할 수는 없습니다. 예를 들어, 이 도트에 대한 일부 콘텐츠 수정이 필요합니다. 도와주세요. {코드...} 좋아요

曾经蜡笔没有小新 2017-05-16 13:45:15 0  2  557

가로 스크롤바에만 CSS를 적용하는 방법

저는 신입 인턴인데 간단한 작업을 주었습니다. 가로 스크롤 막대를 개인화하세요. 이 코드가 있는데 세로 스크롤 막대가 사라집니다. 세로 방향을 기본값으로 설정해야 합니다... 가로 스크롤만 기사를 개인화해야 합니다. ::-webkit-scrollbar{width:7px;}::-webkit-scrollbar-thumb:horizontal{border-radius:8px; background-color:rgba(92,92,92,0.5);}예:

P粉276876663 2024-04-01 16:25:15 0  2  386

CSS 문제: 가로 스크롤(overflow-x:scroll)이 작동하지 않습니다.

3개의 "페이지"가 ​​있고 가로로 스크롤하고 싶습니다. 가로 스크롤 막대를 성공적으로 만들었으나 마우스 휠로 위/아래로 스크롤하면 아무 일도 일어나지 않습니다. 내 컨테이너는 다음과 같습니다: body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scroll;display:flex;} 전체 HTML+CSS: body{width : 100vw;안녕

P粉295616170 2024-03-29 16:06:18 0  1  461

CSS는 다른 기술 없이 수평 버튼을 구현합니다.

가장 긴 버튼의 너비를 기준으로 동일한 너비의 두 개의 가로 버튼을 만들려고 합니다. 각 버튼의 텍스트 내용은 사용자가 별도의 페이지에서 조정할 수 있습니다. 따라서 텍스트 길이/첫 번째 버튼과 두 번째 버튼의 텍스트 길이를 제어할 수 없습니다. 버튼을 가장 긴 텍스트의 길이에 맞게 조정하되 페이지 너비(예: 모바일 장치)를 초과하지 않기를 원합니다. 버튼이 기본적으로 가로로 표시되기를 원하지만, 가로로 표시되지 않으면 열로 쌓이게 됩니다. 전체 텍스트가 맞지 않으면 줄 바꿈할 버튼의 텍스트가 필요합니다. <divclass=&...

P粉893457026 2023-09-04 12:29:02 0  1  583

CSS 팁: 수평선과 가운데 맞춤 텍스트 만들기

일부 텍스트로 가로 구분선을 만들려고합니다. 예를 들면 다음과 같습니다. ---------------------제 제목은 다음과 같습니다--------- - ------------CSS에서 이 효과를 얻을 수 있는 방법이 있나요? 분명히 모든 "-" 대시를 사용할 필요는 없습니다.

P粉248602298 2023-08-20 15:11:18 0  2  501

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

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

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

요소의 수평 중심 정렬 달성

CSS를 사용하여 &lt;div&gt;를 다른 &lt;div&gt; 중앙에 배치하는 방법은 무엇입니까? &lt;divid="outer"&gt;&lt;divid="inner"&gt;푸푸&lt;/div&gt;&lt;/div&gt;

P粉268284930 2023-08-21 10:25:54 0  2  525

HTML에서 세 개의 div를 가로 위치로 지정하는 방법은 무엇입니까?

저는 세 개의 수평 파티션이 있는 샘플 웹사이트를 만들고 있습니다. 가장 왼쪽 파티션의 너비는 25%, 중간 파티션의 너비는 50%, 오른쪽 파티션의 너비는 25%로 하여 파티션이 수평으로 공간을 100% 채울 수 있도록 하고 싶습니다. &lt;html&gt;&lt;title&gt;웹사이트 제목&lt;/title&gt;&lt;divid="thewholething" style="heig

P粉419164700 2023-08-21 19:20:03 0  2  550

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

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

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

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

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

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

다음과 같이 재작성된 제목: Flexbox를 사용하여 요소의 수평 및 수직 중앙 정렬 달성

Flexbox를 사용하여 컨테이너에서 div를 가로 및 세로 중앙에 배치하는 방법 아래 예에서는 각 숫자를 아래 중앙에(행별로) 배치하고 싶습니다. .flex-container{padding:0;margin:0;list-style:none;display:flex;align-items:center;justify-content:center;}row{width:100%;}.flex-item{배경 :톰

P粉748218846 2023-08-20 13:00:18 0  2  468

TailwindCSS의 잘린 클래스는 사용되지 않습니다. - 가로 스크롤이 많이 발생합니다.

Tailwindstruncate 클래스를 사용하는 데 문제가 있습니다. https://tailwindcss.com/docs/text-overflow#truncate 이것은 매우 스마트한 유틸리티처럼 보이지만 브라우저는 텍스트를 자르지 않도록 모든 작업을 수행하는 것 같습니다. 스크롤링은 절대 바람직하지 않습니다. 잘린 텍스트에 대해 브라우저를 더 관대하게 만드는 방법은 무엇입니까?

P粉733166744 2024-03-30 18:26:21 0  1  395

재작성된 제목: 크기를 조정할 때 고정 HTML 정사각형 또는 원 요소를 가로 및 세로 중앙에 배치

다양한 크기의 정사각형 또는 원형 고정 HTML 요소를 가로 및 세로로 중앙에 배치하는 방법은 무엇입니까? 너비와 높이가 동일하게 유지되어야 한다는 사실 때문에 어려움이 발생한다고 생각합니다.

P粉455093123 2024-04-04 12:31:51 0  1  436

Vue 가로 스크롤

마우스로 아이콘을 가로로 스크롤하고 싶습니다. Javascript에서 scrollLeft로 시도했지만 스크롤할 때 값이 변경되지 않습니다. 스크롤할 때 deltaY 값만 100에서 -100 사이에서 변경됩니다. 문제가 어디에 있는지 아는 사람이 있나요? 스크롤 막대 위에 마우스를 놓고 스크롤하면 작동하지만 전체 div 컨테이너에서 작동하길 원합니다. 또한 가능하다면 종속성/npm-libraries 없이 이 작업을 수행하고 싶습니다. 템플릿<divclass="iconsfl

P粉755863750 2024-03-25 21:06:27 0  2  505

javascript - 스와이프 왼쪽 및 오른쪽 슬라이딩이 중첩된 위아래 슬라이딩 구현 방법

4개의 수평 전환 페이지 각각은 위아래 슬라이드와 중첩되어 있습니다. swiper.js를 사용하여 구현하는 방법입니다.

学习ing 2017-06-27 09:19:46 0  1  1049

이제 각각을 사용할 수 없나요?

이제 각각을 사용할 수 없나요? 각() 위에 수평선을 그립니다.

........ 2018-12-08 19:14:48 0  0  1079

사용자 정의 드롭다운 화살표

선택 태그의 드롭다운 화살표를 4개 요소로 구성된 사용자 정의 화살표로 변경할 수 있습니까? 나는 다음과 같이 보이기를 원합니다. 왼쪽에 3개의 수평선과 오른쪽에 아래쪽 화살표가 있습니다. 저는 하나의 요소(가로선)로 이 효과를 성공적으로 달성했습니다.select-wrapper::before{content:"";position:absolute ;상단:50%;디스플레이:블록;너비:9px;높이:2px;배경

P粉986937457 2023-08-17 17:52:04 0  1  513

페이지를 가로가 아닌 세로로 부드럽게 전환하는 방법을 알아보세요.

질문: 수직으로 슬라이딩하는 것과 수평으로 부드럽게 할 수 있도록 변경하는 방법의 차이점은 무엇입니까?

π！㏑e 2017-11-10 19:08:16 0  1  1529

javascript - 요소가 현재 표시 영역 내에 있는지 확인하는 방법

제목에서 알 수 있듯이 이제 가로로 자유롭게 슬라이드할 수 있는 가로 형식의 li 행이 생겼습니다. 특정 li가 현재 표시 영역 내에 있으면 해당 스타일 중 일부가 어떻게 변경됩니까? 여러분이 답변에 도움을 줄 수 있기를 바랍니다. . . . . . .

天蓬老师 2017-07-05 11:07:20 0  5  1129

javascript - js 플러그인, 입력 상자 자리 표시자에 대한 질문

위 그림과 같이 초점이 맞춰지면 입력 상자에 가로 자리 표시자가 표시됩니다. 전화번호인 경우 초점이 맞지 않으면 숫자만 입력하도록 제한할 수 있습니다. 자리 표시자의 값이 표시됩니다. 질문: 비슷한 플러그인을 사용한 사람이 있습니까? 구현 원리는...

给我你的怀抱 2017-07-05 11:03:40 0  2  809