2012-02-14 1 views
2

나는 이것을하기 전에 맹세 했었지만 어쩌면 이전의 표준에 있었을 것입니다. 이제 가능한 해결 방법을 찾기 위해 키워드를 파악할 수 없습니다.html/css로 스크롤 단계/점프/스냅 거리를 설정하십시오.

그래서 x- 오버플로가 창을 확장하는 대신 래퍼 안에 있도록 래퍼에있는 테이블이 있습니다. 각 열이 CSS로 150px로 설정되어 있다고 가정 해 보겠습니다. 래퍼를 가로로 스크롤 할 때 스크롤 막대가 150 픽셀을 "점프"하여 다음 열의 오른쪽 가장자리가 래퍼의 왼쪽 여백과 정렬되도록합니다. 즉, 뷰포트의 왼쪽이 부분 열이 아니도록 픽셀 단위가 아닌 열 단위로 스크롤합니다.

이 확장 기능은 가변 너비 점프가 가능하여 열이 통일 된 너비가되지 않도록하는 것이 이상적입니다. 위와 같은 모든 기능을 다음과 같이 수직 스크롤링에 사용하고 싶습니다. 잘.

나는 이것이 표준이지만 css 또는 적어도 비추천 HTML 스타일 속성에 대한 간과 된 옵션이라고 생각했지만, 내가 말했듯이, 이제 Google은 생각 나게하는 개념을 찾을 수 없다.

도움이 되셨습니까 (어느정도 익숙하지 않더라도 도움이됩니다).

+0

나는 누락 된 키워드가 "계단 크기"라고 생각하지만 모든 결과는 모바일 또는 마우스 휠 특정 것으로 보인다 .... – Anthony

+0

나는 이러한 속성을 실제로 기억하지 않지만, 약간의 자바 스크립트. 가변 너비로 점프하기를 원한다면 반드시 그 경로를 따라 가야합니다. – fayerth

+0

나는 그런 효과를 내기 위해 (좋은) 자바 스크립트를 사용하는 데 문제가 없지만 항상 전체 효과를 다루기 위해 CSS에 의존하기보다 CSS를 미세 조정하기 위해 스타일에 js를 의지하는 것을 선호한다. 말하자면, 가능한 한 CSS를 통해 얻고 js를 사용하여 숫자를 올바르게 얻으십시오. 그러나 그것은 원칙이 아닌 선호도와 개인적인 지침입니다. js로 이러한 효과를 완전히 만들어내는 것이 브라우저/프로그래밍 실격에 기여할뿐만 아니라 CSS의 혁신/채택을 저해하는 것 같습니다. 그러나 나는 빗 나간다. 이 시점에서 여전히 모든 솔루션을 사냥하고 있습니다. – Anthony

답변

0

정확히 CSS는 아니지만 DOM 속성 scrollLeft (해당 방향이 필요한 경우 scrollTop)을 사용할 수 있습니다.

자세한 내용과 약간의 예를 보려면 this page을 참조하십시오.

관련 문제