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  449

CSS 배경 그라데이션이 전체 페이지(스크롤 가능한 콘텐츠 포함)를 덮지 않습니다.

HTML 문서의 CSS 배경 그라데이션에 문제가 있습니다. 선형 그래디언트를 배경으로 사용하고 본문 요소에 설정하는 페이지를 디자인했습니다. 내가 직면한 문제는 스크롤할 콘텐츠가 더 많음에도 불구하고 화면이 처음 끝나는 곳에서 그라데이션이 끝나는 것처럼 보인다는 것입니다. 따라서 아래로 스크롤하면 그라디언트의 두 번째 인스턴스가 처음부터 다시 시작되는 것처럼 보입니다. 이것은 나의 현재 CSS(SCSS) 코드입니다: @importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09 0  2  682

스크롤할 때 공백이 표시되지 않도록 탐색 표시줄 뒤의 html 및 css에 배경 이미지를 추가해 보세요.

Navbar 및 바닥글 아래에 html 및 css 채우기 배경 이미지를 만드는 방법을 모르겠습니다. 탐색바를 스크롤할 때 공간은 단지 빈 공간이므로 상단과 하단에 공백 없이 스크롤되기를 원합니다. 감사해요! *{box-sizing:border-box;}body,html{margin:0auto;padding:0;}.Background-container{Background-image:url("http://placekitten.co

P粉118698740 2023-09-10 09:12:07 0  2  558

React 앱의 스크롤 동작에 영향을 주지 않고 모바일 장치나 에뮬레이터에서 스크롤 막대를 숨기는 방법은 무엇입니까?

모바일에서는 스크롤바가 앱 전체에서 완전히 숨겨지도록 하고 싶지만 사용자가 스크롤할 수 있어야 합니다. 스크롤바를 숨기기 위해 CSS 스크롤바, 스크롤바-썸, 스크롤바-썸:호버, 스크롤바 트랙을 사용해보았는데 브라우저에서는 작동하지만 모바일 장치에서는 작동하지 않습니다.

P粉208286791 2023-08-17 15:35:56 0  1  607

IOS에서 Capacitor-JS 상태 표시줄이 겹칩니다.

저는 NuxtJS를 커패시터와 함께 사용하고 있습니다. 스크롤할 때 iOS 기기의 상단 상태 표시줄이 겹칩니다. 또한 Capacitor.config.json에 "ios":{"contentInset":"always"}를 추가했습니다. CSS도 포함했지만 상단에 추가 공간이 생성됩니다. 몸체{패딩:env(안전 영역-삽입-상단)env(saf

P粉543344381 2023-12-29 16:04:36 0  1  451

RMarkdown의 고정 테이블 헤더와 유사한 Quarto에서 함수 만들기

RMarkdown에서 성공적으로 수행한 것처럼 Quarto의 table1R 패키지에서 고정 테이블 헤더를 렌더링하려고 했습니다. 그러나 Quarto가 내 .css 파일을 인식하지 못하는 것 같거나 (아마도) 뭔가가 누락된 것 같습니다. 재현할 수 있도록 .rmd 및 .qmd에 CSS 파일을 포함시켰습니다. 또한 테이블 헤더가 고정되도록 스크롤 상자를 만드는 인라인 HTML 코드도 포함했습니다. 스타일.css: .Rtable1th{border:0;text-align:cent

P粉366946380 2023-08-29 17:12:38 0  1  608

scrollIntoView()가 컨테이너를 페이지 상단으로 스크롤하는 것을 방지합니다.

스크롤 스냅을 사용하지만 현재 표시된 슬라이드를 제어하기 위한 탐색 버튼도 포함하는 간단한 "주로 CSS" 이미지 캐러셀을 만들려고 합니다. 내가 찾은 유일한 해결책은 내가 원하는 작업을 수행하는 대상 요소에 scrollIntoView()를 사용하는 것입니다. 그러나 이 방법은 항상 대상 요소를 페이지 상단으로 스크롤합니다. 대상 캐러셀 슬라이드와 컨테이너를 원래 위치에 유지하고 슬라이드가 가로로 스크롤되어 표시되기를 원합니다. 저는 AdamArgyle의 예를 보고 있었는데 그는 이것을 했고 컨테이너는 그 자리에 ...

P粉690200856 2024-03-26 20:25:28 0  1  465

CSS - 상자에 Overflow-y:scroll을 추가하면 모바일 글꼴이 더 커집니다.

CSS 속성을 추가한 후: 가장 바깥쪽 상자로 Overflow-y:scroll하고 Google 모바일 시뮬레이터에서 볼 때 글꼴이 자동으로 커지고 전체 레이아웃이 rem이 됩니다. 이 속성을 제거한 후에는 글꼴이 정상이 됩니다. 문제가 무엇인지 알고 싶습니다. 코드 1: 오버플로 없음-y: 스크롤 속성 이미지 설명 {code...} 코드...

黄舟 2017-05-16 13:39:31 0  5  1039

javascript - [React Native] 탭 내에서 각 ListView의 스크롤 막대를 유지하는 방법은 무엇입니까?

문제는 해결되었습니다. CSS 스타일 문제였습니다. . . . js와는 아무 관련이 없습니다. . . 탭에 목록 보기를 포함시켰는데 탭을 전환하면 목록 보기의 스크롤 막대가 모두 같은 위치에 있습니다. . . 즉, 첫 번째 탭에서 100px 스크롤하고 두 번째 탭에서도 역시 100px로 전환했습니다...

伊谢尔伦 2017-06-26 10:58:55 0  1  1104

html5 - HTML이나 JS가 .css 속성을 동적으로 변경할 수 있나요?

예를 들어, 입력값 내용에 따라 *.css나 <style>의 속성값을 변경할 수 있나요? 예: 선택한 색상 값을 가져오고 스크롤 막대의 색상을 업데이트하려면 input:color 태그를 사용하시겠습니까? (이것은 인라인이 아닌 선택기를 사용해야 합니다.) 마음에 드는 한 가지 방법은 j를 사용하는 것입니다...

伊谢尔伦 2017-05-24 11:36:09 0  2  966

javascript - 모바일 측 sarafi 및 IE에 나타나는 고무줄 효과를 비활성화하는 방법

iOS의 사파리 브라우저에서는 웹페이지를 위로 스크롤하면 고무줄처럼 한 거리 더 스크롤했다가 놓으면 다시 튀어오를 수 있다. 이 효과는 Windows 태블릿에도 존재합니다. CSS를 사용하여 이 효과를 비활성화하는 방법을 알려주십시오. 페이지 내부 스크롤에 영향을 미치는 경우가 많기 때문입니다. 내가 아는 한...

大家讲道理 2017-05-19 10:12:15 0  1  612

다양한 화면 크기에 CSS 적용: 가이드

이 CSS 코드가 있는데 내 문제는 패딩 상단(상단에 약간의 공간이 있음)으로 인해 내 페이지가 너무 커서 "스크롤" 옵션이 있고 전체 화면에 맞지 않는다는 것입니다. 스크롤 옵션을 비활성화하려면 어떻게 해야 합니까? *{margin:0;padding:0;}html,body{height:100%;}body{color:#444;font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;backg

P粉030479054 2023-09-09 00:05:15 0  1  425

화면의 CSS 센터 팝업은 컴퓨터와 태블릿에서는 작동하지만 휴대폰에서는 작동하지 않습니다.

CSS를 사용하여 화면 중앙에 도움말 팝업을 표시해 보세요. 내 컴퓨터와 ipad에서는 잘 작동하지만 iPhone에서는 팝업이 스크롤 가능한 전체 수직 공간 내에서 수직 중앙에 위치하므로 팝업을 보려면 가끔 위나 아래로 스크롤해야 합니다. 호출할 때 현재 보이는 화면의 중앙에 위치하도록 하고 싶습니다. (페이지 높이는 정적이지 않습니다. 즉, 사용자 활동에 따라 늘어나고 줄어듭니다.) 관련 CSS는 다음과 같습니다. .helpcontent{position:fixed;top:50%;left:50%;trans

P粉662802882 2024-03-28 20:02:46 0  1  366

태블릿에서 브라우저 제스처 확대/축소 기능을 완전히 비활성화하는 방법

태블릿에서는 멀티터치 기능이 있어서 제스처를 이용해 직접 확대/축소할 수 있는데, 현재는 이 효과를 비활성화하고 싶은데, 여러 가지 방법을 시도해 봤는데 역시 안되는 것 같습니다. 줌은 PC CTRL + 스크롤 휠 줌과 동일합니다. 단순한 메커니즘이 아니라 가장 안정적인 것은 CSS 컨트롤입니다.

怪我咯 2017-06-30 09:57:23 0  1  1080