묻다찾다_PHP 중국어 웹사이트

지역 사회 배우다 도구 라이브러리 여가

한국어

인기 검색어：
PHP
MySQL
jquery
HTML
CSS

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

수평 스크롤로 mjml 테이블을 강화하고 오버플로를 추가합니다.

저는 mjml을 사용하여 테이블이 포함된 이메일 템플릿을 만들고 있습니다. 또한 헤더 이름이 너무 길어서 테이블이 가로로 너무 커집니다. 파란색 컨테이너 내부에서 가로로 스크롤하고 싶지만 그렇게 할 수 없습니다. 스크롤 가능하게 만드는 방법은 무엇입니까? 이것은 mjml의 라이브 코드입니다.

P粉464088437 2024-03-27 22:43:41

가로 스크롤바에만 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

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

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

P粉217629009 2024-03-19 19:13:46

javascript - 더 나은 스크롤 +vue 스크롤 사용 방법을 알려주세요.

더 나은 스크롤 구성 요소를 위해 세로 스크롤 방법을 사용하지만 오랫동안 가로 스크롤을 연구했지만 구현하지 못했습니다. 내가 달성하고 싶은 것은 가로 메뉴가 내가 표시한 메뉴와 유사할 수 있다는 것입니다.

三叔 2017-07-05 10:44:28

ReactJS 디자인 로드맵 타임라인

그래서 하고 싶은 디자인이 생겼어요. 기본적으로 페이지의 왼쪽 하단에서 오른쪽 상단으로 이동하는 타임라인입니다. 또한 행 사이에 일부 div 요소를 배치해야 합니다. 또한 반응성이 좋기를 원합니다. 특히 길이는 줄어들겠지만 여전히 선이 위쪽으로 눈에 띄기를 원합니다. ReactJS와 TailwindCSS를 사용하여 이를 달성하는 방법에 대한 제안이 있으십니까? 제가 인터넷에서 찾은 예는 온라인 수평 및 수직 타임라인 스타일입니다. 곡선형 타임라인의 예가 없습니다.

P粉563446579 2024-03-29 11:31:47

JavaScript 폭포 흐름 레이아웃 스크롤 문제

{Code...} if(checkScrollSlide())를 사용하면 페이지를 스크롤할 수 없습니다. if(checkScrollSlide)를 사용하면 스크롤이 가능하지만 페이지에서 스크롤 막대가 항상 작아지는 문제가 발생합니다. 중간. 이것은 완전한 코드입니다.

为情所困 2017-05-19 10:32:40

Android의 React-Native에서 상태 업데이트가 작동하지 않습니다.

스와이프할 수 있는 가로 갤러리에 이미지 쌍이 있는 코드가 있습니다. 이제 두 이미지의 위쪽 부분을 클릭하면 이미지가 꺼지므로 isImage2Active를 상태로 설정한 다음 소스를 전환했습니다. iOS에서는 완벽하고 완벽하게 원활하게 작동하지만 Android에서는 거의 전혀 작동하지 않습니다. 자주 클릭하면 바뀔 수도 있지만 분명히 내가 원하는 동작은 아닙니다. 그래서 슬라이드 가능한 수평 갤러리 constImage인 이미지 구성 요소가 있습니다.

P粉541551230 2024-04-06 16:54:10

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

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

P粉733166744 2024-03-30 18:26:21

스크롤 오프셋html

HTML과 CSS로 뭔가를 하려고 하는데 실제로 작동하는지 잘 모르겠습니다. 스크롤할 때 스크롤 속도를 늦추어 더 부드럽게 만드는 것과 같은 일종의 "지연"을 추가하고 싶습니다. 일부 사이트에서는 이렇게 합니다. 저는 다른 사이트와 다르게 스크롤되고 부드러워 보이는 일부 페이지를 본 적이 있습니다. 이것이 가능한가?

P粉205475538 2023-08-17 23:52:56

Vue 가로 스크롤

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

P粉755863750 2024-03-25 21:06:27

스크롤 가능한 콘텐츠의 높이를 동적으로 조정합니다(Ion Page, React)

ionicReact 페이지에 매우 큰 텍스트가 있어서 전체 페이지를 채우는 대신 스크롤하기를 원한다고 가정하면 다음 스타일이 많은 도움이 될 것입니다: <divstyle={{overflow:'auto',flex: '11auto', height:'200px'}}>SomeText</>그러나 다음과 같이 일부 내용과 바닥글이 있는 페이지가 있다고 가정해 보겠습니다.<IonPage

P粉478835592 2023-09-07 18:08:44

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

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

P粉690200856 2024-03-26 20:25:28

브라우저 크기 조정 시 "offsetWidth" 값을 다시 동기화

여러 하위 항목이 있는 가로 스크롤 div가 있습니다. 너비에 따라 하위 항목이 잘릴 수 있습니다. 따라서 4와 1/2개의 항목이 표시될 수 있습니다. 그래서 저는 Javascript를 사용하여 너비가 자식을 균등하게 분배하도록 합니다. 저는 Javascript를 사용하여 .palette의 너비를 감지하고 이를 표시하려는 항목 수(여백 제외)로 나누고 이를 각 .swatch에 적용합니다. 더 나은/더 쉬운 방법이 있는지 확실하지 않습니까? 이것이 해결책이라면 창 크기가 조정될 때 업데이트되도록 더 책임감 있게 만드는 데 도움이 필요...

P粉463811100 2024-03-29 17:24:18

키가 똑같이 큰 아이들이 넘쳐나는 용기

사용 가능한 질문을 검색했지만 해결책을 찾지 못했습니다. 가로 오버플로 컨테이너의 모든 요소 높이를 가장 긴 요소의 높이와 동일하게 설정하려고 합니다. 본문{}섹션{너비:300px;배경:lightblue;overflow:auto;white-space:nowrap;}div{display:inline-block;max-width:150px;배경:lightgreen;margi

P粉207969787 2024-03-22 13:42:51

데이터 새로 고침 표시 - 공항에서 항공편 정보와 같은 데이터베이스의 데이터를 대형 화면에 표시하는 방법

데이터베이스에는 n개의 데이터가 있습니다(실시간으로 변경될 수 있음). 이제 P를 자동으로 스크롤하여 실시간으로 표시하는 방법은 무엇입니까? 공항 대형 스크린에 항공편 정보처럼 표시

王 2018-06-14 10:07:14

그리드 템플릿 영역을 사용하여 그리드를 표시하는 것이 작동하지 않는 이유는 무엇입니까?

그리드 템플릿 영역을 통해 요소 배열을 얻으려고 하는데 작동하지 않습니다. 블록을 수직, 수평으로 배열하기 위해 그리드 시스템을 사용하려고 합니다. 왼쪽의 그림과 반대쪽의 텍스트를 사용하세요. 이 코드는 왜 작동하지 않나요? .news__wrapper{display:grid;grid-template-areas:"aac""bbc";}.news__item{display:flex;align-items:center;just

P粉541796322 2023-09-09 16:28:13

제목은 다음과 같이 다시 작성되었습니다. 하단 붙여넣기 기능의 스크롤 효과를 얻는 방법은 무엇입니까?

여기서 보고 있는 것과 비슷한 효과를 얻으려고 노력하고 있지만 각 섹션의 콘텐츠도 스크롤 가능해야 합니다. 즉, 섹션의 맨 아래에 도달할 때만 수정됩니다. 예를 들어 콘텐츠가 200vh인 경우 다음과 같습니다. section{position:sticky;top:0;height:200vh;}sectionimg{width:100%;height:100%}section:nth-of-type(1){ 배경 :rgb(225,204,200)

P粉587780103 2023-09-09 19:41:49

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

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

P粉662802882 2024-03-28 20:02:46

요소에 스크롤 이벤트 리스너가 추가되었지만 scrollTop이 0이 아닌 경우에만 올바르게 이동합니다.

그래서 저는 완료/활성 작업이라는 두 개의 목록이 있는 작은 스크립트를 작성했습니다. 버튼을 클릭하면 작업 목록을 전환할 수 있고, "추가 정보"를 클릭하면 작업에 대한 자세한 내용을 읽을 수 있습니다. 더 많은 정보를 클릭하면 새 div 요소가 생성되고 해당 요소의 호스트 요소 Y 위치를 따르고 싶습니다. 절반만 작동합니다. 다음과 같습니다. 여기에 이미지 설명을 입력하세요. 이것은 버그입니다. 스크롤 가능한 요소인 scrollTop이 0이 아닐 때 이 오류가 발생한다고 확신합니다(올바른 방식으로 생성되었으며 스...

P粉427877676 2024-04-01 11:03:26