Skip to content

Instantly share code, notes, and snippets.

@bootjp
Last active December 13, 2015 02:54
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save bootjp/bf3c53b7e404154ced86 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>iOS9 And iPhone6Plus fixed element displayed tab bar is click event not working</title>
</head>
<body>
<style>
.fixed {
position: fixed;
background-color: dodgerblue;
width: 100%;
height: 50px;
}
.bottom {
bottom: 50px;
}
.top {
top: 50px;
}
</style>
<script type="text/javascript">
var topElement = document.createElement('div');
topElement.className = 'fixed top';
topElement.onclick = function(){
alert('clicked');
};
document.body.appendChild(topElement);
var bottomElement = document.createElement('div');
bottomElement.className = 'fixed bottom';
bottomElement.addEventListener('click', function() {
alert('clicked!');
}, false);
document.body.appendChild(bottomElement);
</script>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment