87,921
社区成员
发帖
与我相关
我的任务
分享
<html>
<body>
<div id="test" style="overflow:auto">
111111111111111111111111111111111111111111111
</div>
</body>
</html>
document.addEventListener("touchmove",function(e){
e.preventDefault();
e.stopPropagation();
document.getElementById('test').addEventListener('touchmove',function(e){
},false)
},false);
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<meta name="viewport" content="width=400">
<style type="text/css">
body {
overflow: hidden;
}
#div {
overflow: auto;
background: #FFFF00;
height: 200px;
}
</style>
</head>
<body>
<p>01</p>
<p>02</p>
<p>03</p>
<p>04</p>
<div id="div">
<p>---------01</p>
<p>---------02</p>
<p>---------03</p>
<p>---------04</p>
<p>---------05</p>
<p>---------06</p>
<p>---------07</p>
<p>---------08</p>
<p>---------09</p>
<p>---------10</p>
<p>---------11</p>
<p>---------12</p>
<p>---------13</p>
<p>---------14</p>
<p>---------15</p>
<p>---------16</p>
<p>---------17</p>
<p>---------18</p>
<p>---------19</p>
<p>---------20</p>
</div>
<p>05</p>
<p>06</p>
<p>07</p>
<p>08</p>
<p>09</p>
<p>10</p>
<p>11</p>
<p>12</p>
<p>13</p>
<p>14</p>
<p>15</p>
<p>16</p>
<p>17</p>
<p>18</p>
<p>19</p>
<p>20</p>
<p>21</p>
<p>22</p>
<p>23</p>
<p>24</p>
<p>25</p>
<p>26</p>
<p>27</p>
<p>28</p>
<p>29</p>
<p>30</p>
</body>
</html>
[/quote]
真是麻烦你了哈,估计是我在手机上运行的,或者和我用的那个框架冲突了,改了半天还是不行,请问下,js怎么判断滚动条已经到底部了?还是准备用事件做,当滚动条到底部了就直接让页面事件不可用。。。。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<meta name="viewport" content="width=400">
<style type="text/css">
body {
overflow: hidden;
}
#div {
overflow: auto;
background: #FFFF00;
height: 200px;
}
</style>
</head>
<body>
<p>01</p>
<p>02</p>
<p>03</p>
<p>04</p>
<div id="div">
<p>---------01</p>
<p>---------02</p>
<p>---------03</p>
<p>---------04</p>
<p>---------05</p>
<p>---------06</p>
<p>---------07</p>
<p>---------08</p>
<p>---------09</p>
<p>---------10</p>
<p>---------11</p>
<p>---------12</p>
<p>---------13</p>
<p>---------14</p>
<p>---------15</p>
<p>---------16</p>
<p>---------17</p>
<p>---------18</p>
<p>---------19</p>
<p>---------20</p>
</div>
<p>05</p>
<p>06</p>
<p>07</p>
<p>08</p>
<p>09</p>
<p>10</p>
<p>11</p>
<p>12</p>
<p>13</p>
<p>14</p>
<p>15</p>
<p>16</p>
<p>17</p>
<p>18</p>
<p>19</p>
<p>20</p>
<p>21</p>
<p>22</p>
<p>23</p>
<p>24</p>
<p>25</p>
<p>26</p>
<p>27</p>
<p>28</p>
<p>29</p>
<p>30</p>
</body>
</html>
document.addEventListener("touchmove", function(e) {
e.preventDefault();
}, false);
document.getElementById('test').addEventListener('touchmove', function(e) {
e.stopPropagation();
}, false);