어떻게 모바일에 스크롤바를 다시 추가합니까?

-2

페이지의 머리글 영역에서 스크롤 막대를 떼어 냈습니다. 스크롤 바가 완전히 사라지는 모바일 (적어도 iPhone, 나는 안드로이드에 대해 몰라요)을 제외하고는보기가 좋습니다. 어떻게 다시 얻을 수 있습니까? 당신은 스크롤 (화면에서 손가락을 드래그) 시작할 때까지어떻게 모바일에 스크롤바를 다시 추가합니까?

모바일에

my fiddle

출처

2012-09-29 Marissa Levy

iphone이나 헤더에 스크롤 막대를 표시 하시겠습니까? – Chanckjh

헤더에 없습니다. 스크롤 바를 모바일/iphone에 표시하고 싶습니다. 데스크톱과 아이폰 모두에서 페이지를 볼 경우 현재 모양이 다릅니다. 아이폰에서 스크롤이 원활하지 않고 스크롤바가 아이폰에 나타나지 않습니다. –

스크롤바가 있어야합니까? – NewUser

다른 접근 방법을 시도해 볼 수 있습니다. (나는 그것이 당신이 원하는 무엇을 생각?) 일반 (없음 overflow-y)처럼 전체 페이지 스크롤을 확인하고 position:fixed;를 통해 상단에 헤더를 수정

은 바이올린의 편집 된 버전입니다 : http://jsfiddle.net/TnKNe/

즉 '아무튼 경우 당신이 요소의 스크롤을 완벽하게 제어 할 수있는 this jQuery custom content scroller을 시도해 볼 수 있습니다. 모바일 지원도 있지만, 이전에는 사용 해본 적이 없으므로 마일리지가 다를 수 있습니다.

참고 :position:fixed;은 Android에서 제대로 지원되지 않습니다. iOS4 및 이전 버전에서는 position:static;처럼 취급합니다. iOS5를 최신 안드로이드 모두하지만이를 지원 : http://caniuse.com/css-fixed

업데이트 : 내가 당신을 위해처럼 보이는 this tutorial on content scrolling in ios5을 발견

! 중간에 스크롤 가능 영역이있는 고정 헤더를 얻는 데 사용하는 기술은 ios5 이상에서만 작동합니다. 그들은 더 튼튼 해 보이고 안드로이드에서도 잘 작동하는 another tutorial doing the same thing with a plugin called iScroll을 가지고 있습니다. 정확히 당신이 원했던 것처럼 보입니다. 여기에 iScroll website이 있습니다.

출처

2012-09-29 04:29:52 GorrillaMcD

모바일에서 작동하는 것 같습니다. 나는 차라리 헤딩을하지 않을 것이다. –

나는 그것이 잘되어 기쁘다. 헤더 클래스에 4 줄 밖에 추가 할 수 없습니다 (배경색을 세는 경우 5 개). 시각적으로는 동일하므로 사용자가 아무런 차이가 없음을 알 수 있습니다. 헤더 클래스를 깨끗하게 유지하려면, .fixed-top이라는 두 번째 클래스를 추가하고 요소를 맨 위에 고정하는 스타일을 지정하십시오. – GorrillaMcD

-1

는 스크롤바는 일반적으로 보이지 않습니다. 그리고 심지어는 페이지에있는 위치를 알려주는 얇은 표시기 일뿐입니다. 실제로 이동하여 특정 앱/브라우저에서만 터치 할 수는 없습니다.

그 이유는 이동 전화가 좁다는 것입니다. 화면 너비의 5-10 %를 차지하는 스크롤바로 공간을 낭비하고 싶지는 않습니다.

출처

2012-09-29 01:10:40

하지만 스크롤을 시작할 때 스크롤바가 나타나지 않습니다. –

@ Mr.Gaga Android에서 작동합니다. 스크롤바를 갖는 것이 왜 그렇게 중요한가요? –

어떻게 모바일에 스크롤바를 다시 추가합니까?

답변

관련 문제