Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript iScroll:不要移动到页面之外_Javascript_Iscroll - Fatal编程技术网

Javascript iScroll:不要移动到页面之外

Javascript iScroll:不要移动到页面之外,javascript,iscroll,Javascript,Iscroll,如何防止iScroll移出页面 即: 向上滚动时变为: var myScroll; 函数加载(){ myScroll=新IScroll(“#包装器”{ 鼠标滚轮:对 }); } 文档.添加的事件列表器('touchmove',函数(e){ e、 预防默认值(); },假) *{ -webkit框大小:边框框; -moz框大小:边框框; 框大小:边框框; } html{ -ms触摸动作:无; } 身体, ul, 李{ 填充:0; 保证金:0; 边界:0; } 身体{ 字体大小:12px;

如何防止iScroll移出页面

即:

向上滚动时变为:

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 }); }