有没有其他替代全屏滚动的方法?
全屏滚动的例子:
http://jscrollpane.kelvinluck.com/fullpage_scroll.html
步骤1:点击还原按钮,使窗口宽度变小。
步骤2:向右滚动。
步骤3:现在,点击最大化按钮,使窗口宽度变大。
现在,页面左对齐了。
jQuery
$(function()
{
var win = $(window);
win.bind(
'resize',
function()
{
var container = $('#full-page-container');
container.css(
{
'width': 1,
'height': 1
}
);
container.css(
{
'width': win.width(),
'height': win.height()
}
);
isResizing = false;
container.jScrollPane(
{
'showArrows': true
}
);
}
).trigger('resize');
$('body').css('overflow', 'hidden');
if ($('#full-page-container').width() != win.width()) {
win.trigger('resize');
}
});
CSS
html
{
overflow: auto;
}
#full-page-container
{
overflow: auto;
}