Javascript iScroll:不要移动到页面之外
如何防止iScroll移出页面 即: 向上滚动时变为:Javascript iScroll:不要移动到页面之外,javascript,iscroll,Javascript,Iscroll,如何防止iScroll移出页面 即: 向上滚动时变为: var myScroll; 函数加载(){ myScroll=新IScroll(“#包装器”{ 鼠标滚轮:对 }); } 文档.添加的事件列表器('touchmove',函数(e){ e、 预防默认值(); },假) *{ -webkit框大小:边框框; -moz框大小:边框框; 框大小:边框框; } html{ -ms触摸动作:无; } 身体, ul, 李{ 填充:0; 保证金:0; 边界:0; } 身体{ 字体大小:12px;
var myScroll;
函数加载(){
myScroll=新IScroll(“#包装器”{
鼠标滚轮:对
});
}
文档.添加的事件列表器('touchmove',函数(e){
e、 预防默认值();
},假)代码>
*{
-webkit框大小:边框框;
-moz框大小:边框框;
框大小:边框框;
}
html{
-ms触摸动作:无;
}
身体,
ul,
李{
填充:0;
保证金:0;
边界:0;
}
身体{
字体大小:12px;
字体系列:ubuntu、helvetica、arial;
溢出:隐藏;
/*这对于防止整个页面跳出很重要*/
}
#标题{
位置:绝对位置;
z指数:2;
排名:0;
左:0;
宽度:100%;
高度:45px;
线高:45px;
背景#CD235C;
填充:0;
颜色:#eee;
字体大小:20px;
文本对齐:居中;
字体大小:粗体;
}
#页脚{
位置:绝对位置;
z指数:2;
底部:0;
左:0;
宽度:100%;
高度:48px;
背景:#444;
填充:0;
边框顶部:1px实心#444;
}
#包装纸{
位置:绝对位置;
z指数:1;
顶部:45px;
底部:48px;
左:0;
宽度:100%;
背景:#ccc;
溢出:隐藏;
}
#卷轴{
位置:绝对位置;
z指数:1;
-webkit点击高亮显示颜色:rgba(0,0,0,0);
宽度:100%;
-webkit转换:translateZ(0);
-moz变换:translateZ(0);
-ms变换:translateZ(0);
-o变换:translateZ(0);
变换:translateZ(0);
-webkit触摸标注:无;
-webkit用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
-webkit文本大小调整:无;
-moz文本大小调整:无;
-ms文本大小调整:无;
-o-text-size-adjust:无;
文本大小调整:无;
}
#卷轴{
列表样式:无;
填充:0;
保证金:0;
宽度:100%;
文本对齐:左对齐;
}
#卷轴李{
填充:0 10px;
高度:40px;
线高:40px;
边框底部:1px实心#ccc;
边框顶部:1px实心#fff;
背景色:#fafafa;
字体大小:14px;
}
iScroll演示:简单
iScroll
- 漂亮的第一排
- 漂亮的第二排
- 漂亮的第三排
- 漂亮的第四排
- 漂亮的第五排
- 漂亮的第六排
- 漂亮的第七排
- 漂亮的第八排
- 漂亮的第九排
- 漂亮的第10排
- 漂亮的第11排
- 漂亮的第12排
- 漂亮的第13排
- 漂亮的第14排
- 漂亮的第15排
- 漂亮的第16排
- 漂亮的第17排
- 漂亮的第18排
- 漂亮的第19排
- 漂亮的第20排
- 漂亮的第21排
- 漂亮的第22排
- 漂亮的第23排
- 漂亮的第24排
- 漂亮的第25排
- 漂亮的第26排
- 漂亮的第27排
- 漂亮的第28排
- 漂亮的第29排
- 漂亮的第30排
- 漂亮的第31排
- 漂亮的第32排
- 漂亮的第33排
- 漂亮的第34排
- 漂亮的第35排
- 漂亮的第36排
- 漂亮的第37排
- 漂亮的第38排
- 漂亮的第39排
- 漂亮的第40排
- 漂亮的第41排
- 漂亮的第42排
- 漂亮的第43排
- 漂亮的第44排
- 漂亮的第45排
- 漂亮的第46排
- 漂亮的第47排
- 漂亮的第48排
- 漂亮的第49排
- 漂亮的第50排
来自:您想为此设置弹跳:false
:
var myScroll;
函数加载(){
myScroll=新IScroll(“#包装器”{
鼠标轮:是的,
反弹:错误
});
}
文档.添加的事件列表器('touchmove',函数(e){
e、 预防默认值();
},假)代码>
*{
-webkit框大小:边框框;
-moz框大小:边框框;
框大小:边框框;
}
html{
-ms触摸动作:无;
}
身体,
ul,
李{
填充:0;
保证金:0;
边界:0;
}
身体{
字体大小:12px;
字体系列:ubuntu、helvetica、arial;
溢出:隐藏;
/*这对于防止整个页面跳出很重要*/
}
#标题{
位置:绝对位置;
z指数:2;
排名:0;
左:0;
宽度:100%;
高度:45px;
线高:45px;
背景#CD235C;
填充:0;
颜色:#eee;
字体大小:20px;
文本对齐:居中;
字体大小:粗体;
}
#页脚{
位置:绝对位置;
z指数:2;
底部:0;
左:0;
宽度:100%;
高度:48px;
背景:#444;
填充:0;
边框顶部:1px实心#444;
}
#包装纸{
位置:绝对位置;
z指数:1;
顶部:45px;
底部:48px;
左:0;
宽度:100%;
背景:#ccc;
溢出:隐藏;
}
#卷轴{
位置:绝对位置;
z指数:1;
-webkit点击高亮显示颜色:rgba(0,0,0,0);
宽度:100%;
-webkit转换:translateZ(0);
-moz变换:translateZ(0);
-ms变换:translateZ(0);
-o变换:translateZ(0);
变换:translateZ(0);
-webkit触摸标注:无;
-webkit用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
-webkit文本大小调整:无;
-moz文本大小调整:无;
-ms文本大小调整:无;
-o-text-size-adjust:无;
文本大小调整:无;
}
#卷轴{
列表样式:无;
填充:0;
保证金:0;
宽度:100%;
文本对齐:左对齐;
}
#卷轴李{
填充:0 10px;
高度:40px;
线高:40px;
边框底部:1px实心#ccc;
边框顶部:1px实心#fff;
背景色:#fafafa;
字体大小:14px;
}
iScroll演示:简单
iScroll
- 漂亮的第一排
- 漂亮的第二排
- 漂亮的第三排
function loaded() {
myScroll = new IScroll('#wrapper', {
mouseWheel: true,
bounce:false
});
}