4
http://gizeto.se/app_yellow/index.html을 입력하면 iScroll이 전체 페이지를 스크롤하는 것을 볼 수 있습니다. 헤더와 꼬리말 양쪽에 스크롤러가 놓여있는 것을 볼 수 있습니다. 스크롤러는 포함 된 머리글과 바닥 글이 아닌 내용 만 스크롤해야합니다.바닥 글 및 머리말이 고정 된 iScroll
가 나는 위치를 사용하지 않고 고정 된 바닥 글을 필요로하기 때문에이 작품을 만들기 위해 wan't : 고정을 - 여전히 예를 들어 안드로이드 2.1
내가 iScroll 4 사용에서 작동하지 않는 내 JS 코드는 내부에 내 데이터 역할 = "내용"사업부 :
$(document).ready(function() {
var myScroll = new iScroll('content');
$(window).bind('resize', function() {
// I also tried setting a height on the content div, but that didn't work either. Its commented out.
//$.mobile.activePage.children('[data-role="content"]').height('200px');
myScroll.refresh();
});
});
내 데이터 역할 = "페이지"요소는 데이터 iscroll = "사용 가능"속성을 가지고 있으며, 스크롤 부분에 대한 내 HTML 코드는 다음과 같습니다
<div data-iscroll="scroller" class="scroller">
<div data-iscroll="scroller">
<h3>Välkommen</h3>
<div style="text-align:center;">
<img src="images/video.png" style="width: 100%; height: 100px;" class="rounded" title="" />
</div>
<br />
Ticker AB är en arkitekturbyrå som arbetar inom ett brett fält av projekt, från stadsplanering till bostäder via kontor och handel. Vår styrka ligger i våra idéer och vår förmåga att hitta nya, ofta oväntade lösningar som stärker platser och ökar fastigheters värde. <br /><br />
Vi följer den globala utvecklingen inom hållbar samhällsutveckling och arbetar aktivt för att integrera hållbara lösningar i alla våra projekt.
</div>
</div>
이유 iScroll은 홀 페이지를 스크롤하여 컨텐츠뿐만 아니라 내 바닥 글이 위치를 사용하지 않고 완전히 고정되도록 할 수 있습니다. 즉, 모든 모바일 브라우저에서 아직 지원되지 않습니다.
당신은 JQM있는 ScrollView http://jquerymobile.com/test/experiments/scrollview/ –
을 확인해야합니다 @PhillPafford 바닥 글은 거기에 고정되어 있지 않으며 스크롤을 멈 추면 페이드 인되어 페이드 아웃됩니다. 원하는대로 "기본 솔루션"이 아닙니다. 그것이 바로 iScroll이 존재하는 이유입니다. –
또한 새로 고친 고정 머리글/바닥 글을 포함하는 jqm 1.1의 새로운 jqm 블로그 게시물을 확인하십시오. – frequent