Not working anymore? iOS 11.3 (Safari, Chrome, Firefox) #4
Comments
|
Way to reproduce it: <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<meta name="Resource-type" content="Document" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('body').on('touchmove', preventBouncing);
function preventBouncing(event){
var e = event.originalEvent;
console.log("preventing....");
//preventing the easing on iOS devices
event.preventDefault();
}
});
</script>
<style>
body,html{
overflow: hidden;
height: 100%;
margin: 0;
}
.demo{
width: 100%;
height: 100%;
background: blue;
}
</style>
</head>
<body>
<div class="demo">
</div>
</body>
</html> |
|
Also in the |
|
You can add document.body.addEventListener('touchmove', function(evt) {
//In this case, the default behavior is scrolling the body, which
//would result in an overflow. Since we don't want that, we preventDefault.
if(!evt._isScroller) {
evt.preventDefault()
}
},{passive: false}) |
|
Yeah I noticed that afterwards. |
|
this issue can be closed? |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
It doesn't seem to be working anymore?
I tried it in iOS 11.3 on Safari, Chrome and Firefox. All of them have the error. The bouncing takes place.
I noticed it today. Is this something perhaps that has to do with the last iOS update?
The text was updated successfully, but these errors were encountered: