2012-02-02 2 views
1

내비게이션이 10도 기울어 진 디자인이 있습니다. 정렬되지 않은 목록과 CSS 그래픽 요소를 'a'클래스의 배경으로 사용하고 표시 : 블록을 사용하여 전체 그래픽을 표시합니다. y'do처럼.display : block이있는 요소에 CSS 변환을 적용하면 페이지에 많은 스크롤이 추가됩니다.

변환을 정렬되지 않은 목록에 추가하는 경우를 제외하고는 꽤 표준이지만, 페이지는 페이지 끝에서 1000px 이상 스크롤됩니다. 나는 모든 링크를 페이지 스크롤과 같은 결과로, 링크에 변환을 추가하려고했습니다. 시각적으로 정렬되지 않은 목록을 변환하는 것은 내가하고 싶은 일입니다. 확장 스크롤 이외에, 그것은 두려운와 의도 한대로 작동합니다.

(디스플레이 블록없이 또는 직선 텍스트를 사용하는 경우는 문제없이 작품을 변형하고 확장 된 스크롤이 추가되지 않습니다.)

어떤 아이디어를 그렇게 엉망이가는 페이지 스크롤을 유지하기 위해?

감사합니다.

+0

예제를 보여줄 수 있습니까? (jsfiddle.net) 또한 오버플로를 고려하십시오 : 스크롤을 방지하기 위해 배치 요소에 숨겨져 있습니다. –

+0

해결되었습니다. overflow : auto를 추가했습니다. 순서가없는 목록으로 내 친구, Lawrie 덕분에! – Joelle

답변

1

CSS의 목록 요소에 overflow:auto;을 추가하면 스크롤 광기가 (손가락이 엇갈린) 자체를 정렬해야합니다.