HTML and CSS Reference
In-Depth Information
donav
(
rightPageState
,
leftPageState
);
}
}
}
function
donav
(
ps
,
ops
)
{
var
page
;
if
(
ps
.
count
<=
(
ps
.
pageCount
+
1
))
{
//reset
if
(
ps
.
count
===
0
)
{
if
(
pagehistory
.
length
>
0
)
{
ps
.
pages
=
pagehistory
;
pagehistory
=
[];
}
ps
.
count
++
;
}
else
{
page
=
ps
.
pages
.
pop
();
if
(
page
!==
undefined
)
{
page
.
className
=
ps
.
className
;
pagehistory
.
push
(
page
);
ps
.
count
++
;
console
.
log
(
ps
.
count
);
slideQueue
(
page
);
}
else
{
ops
.
count
=
0
;
}
}
}
}
function
slideQueue
(
page
)
{
keepgoing
=
false
;
// A simple way to put a block on the calling code, because
// the orientation is a constant change
slidfast
.
ui
.
slideTo
(
page
,
function
()
{
keepgoing
=
true
;
});
}
This demo has been tested on WebKit-based devices such as Safari, Android, and
Chrome. Even better, because you are using the same CSS transitions from
Chapter 3
,
it should work on Firefox and Opera Mobile browsers as well.