您可能想看看Swipe,尤其是因爲這也適用於iOS,因爲它檢測到滑動並且the demo顯示對幻燈片的支持。
有這裏提出,在Stack Overflow上其他一些很好的解決方案,在這個問題上:Sliding An Entire Web Page你可能想看看答案在那裏,接受了一個確實爲
整個頁面的滑動
[編輯]根據你的技能,你可以嘗試爲滑動做出自己的香草(純)javascript功能。這就是我最終做的,使用html5的translate3d css屬性。
例如,這裏是我用來生成CSS代碼的功能:
//generates transformation styles for Opera, Chrome, Firefox and IE
function genTransform (x, y, z, dur) {
var genStyle = '-webkit-transform: translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px); -webkit-transition: ' + dur + 'ms;' +
'-moz-transform: translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px); -moz-transition: ' + dur + 'ms;' +
'-ms-transform: translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px); -ms-transition: ' + dur + 'ms;' +
'-o-transform: translate(' + x + 'px, ' + y + 'px); -o-transition: ' + dur + 'ms;' +
'transform: translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px); transition: ' + dur + 'ms;';
return genStyle;
}
我那麼樣式應用到我的div讓他們根據我的需求下滑。這其實很簡單,如果你只是
非常感謝... –