jquery - iOS prevent scrolling with overlay -

-

i have wordpress site basic homepage structure this:

<html>     <head></head>     <body>         <div id="overlay"></div>         <div id="scrolling-body">             //lots of stuff here         </div>     </body> </html>

my css looks this:

div.overlay {     background:#000000;     display:block;     width:100%;     height:100%;     position:fixed;     top:0px;     bottom:0px;     opacity:0;     -webkit-transition: opacity 15s;     -moz-transition: opacity 1s;     -ms-transition: opacity 1s;     -o-transition: opacity 1s;     transition: opacity 1s;     overflow-y:auto;     -webkit-overflow-scrolling:touch; }  div.overlay.active {     z-index: 10000;     opacity:0.4; }

and toggle active class simple jquery.

my issue when overlay active, can still scroll #scrolling-body on ios mobile devices. prevent scrolling on other devices (scroll calculated when active toggled):

$(window).scroll(function(e) {     e.preventdefault();     $(document).scrolltop(scroll); });

i have tried touchstart solutions mentioned here on (cant find links now). don't work. else need do?


Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

Simple Angular 2 project fails 'Unexpected reserved word' -

-
i trying create simple angular2 project based on ng2do project. using quickstart , have following code... <script src="js/quickstart/dist/es6-shim.js"></script> .... import {component, template, bootstrap, foreach} 'js/quickstart/angular2/angular2'; this gives me following error... uncaught syntaxerror: unexpected reserved word what missing? don't know if helps have been having issues day realised because starting code script reference <script src="app.js"> </script> instead of using <script> system.import('app'); </script> hope helps using in tsconfig { "version": "1.5.0-beta", "compileroptions": { "target": "es6", "module": "amd", "declaration": false, "noimplicitany": false, "removecomments": true, "nolib": fal...
Read more

php - Get process resource by PID -

-
Image
i want write web ssh console, , found 2 problems. what want do. first want execute start.php file have following code. $process = proc_open('start', array( 0 => array("pipe", "r"), 1 => array("pipe", "w"), 2 => array("pipe", "a") ), $pipes); second want run command.php file run command on created process in start.php file , results it. $pid = 12345; print_r(process_command('ping google.com', $pid)); i want access process ( cmd ) created in past, send command , result. why problem, if can create new process each command.php execution? because new process new session, if login mysql in past command.php execution, in next executions must login mysql again, because new process not remember logged. example on windows. i create new process ( cmd ) in php, current directory c:\webserv\ . i write cd / command, current directory c:\ . this example, dont want c...
Read more