javascript - Scrolling iframe on iOS causes the page to scroll -

-

i have application displays iframe user needs able scroll on ipad.

apparently can't scroll iframes , other elements default on ios unless use special -webkit-overflow-scrolling in css.

so example have following html (based on david walsh's solution here: http://davidwalsh.name/scroll-iframes-ios)

<div class="framecontainer">     <iframe src="./frame.html"></iframe> </div>

and css:

* {     margin: 0;     padding: 0;     border: 0;     outline: 0; }  html, body {     height: 100%;     background: #ff0000; }  .framecontainer {     position: absolute;     top: 40px;     left: 80px;     right: 80px;     bottom: 40px;      background: #ffffff;      overflow: auto;     -webkit-overflow-scrolling: touch;      /* removes spacing below iframe */     font-size: 0;     line-height: 0; }  .framecontainer iframe {     width: 100%;     height: 100%; }

however can cause page (red area) bounce , lose focus of iframe either flicking page (around iframe) or varying speed @ flick (e.g. dragging finger slowly). or tapping on page around iframe.

demo here: http://preview.na-software.co.uk/demo/ipadscroll/

i've tried plugins like: http://www.hakoniemi.net/labs/nonbounce/ prevent page bounce, because it's iframe, still causes page have bounce effect when interacting frame because it's different document level. i've tried bubbling touch events iframe parent level plugin catches it, page can still bounce.


Comments

Post a Comment

Popular posts from this blog

mysql - FireDac error 314 - but DLLs are in program directory -

-
i getting when trying access mysql database : [firedac][phys][mysql]-314. cannot load vendor library [libmysql.dll or libmysqlld.dll] this did not happen (unchanged) code, however, have upgraded windows 10 , had reinstall delphi xe8, system configuration matter. in order try solve problem, copied both of files c:\windows\sysytem32. when did not seem work, copied them \win32\debug, generated .exe resides. i imagine doing rather stupid, can't see what. the proper solution place driver file (eg., libmysql.dll ) in application's folder, or place installation location in fddrivers.ini file: [mysql] vendor=<folder>\libmysql.dll (recent versions of documentation seem use vendorlib instead of vendor in ini file.) see rad studio documentation topics configuring drivers (firedac) , connect mysql server (firedac) more information.
Read more

git - How to list all releases of public repository with GitHub API V3 -

-
so per documentation https://developer.github.com/v3/repos/releases/#list-releases-for-a-repository get /repos/:owner/:repo/releases should list relases , https://api.github.com/repos/jquery/jquery/releases should list releases in jquery project , not , why ? because repository doesn't have releases. has tags github presenting in releases page. for more clear example, see: https://github.com/hashicorp/terraform/releases which has both releases , tags showing on page, api shows releases: https://api.github.com/repos/hashicorp/terraform/releases
Read more

c++ - Getting C2512 "no default constructor" for `ClassA` error on the first parentheses of constructor for `ClassB`? -

-
my situation follows. let there header file classdeclarations.h , have following classes declared: class classa; class classb; class classa { public: classa(int x); classa(double y); int returninteger(void) { return m_x; } double returndouble(void) { return m_y; } private: int m_x; double m_y; } class classb { public: classb(int x); int returninteger(void) { return m_x; } private: int m_x; classa m_instancea_1; } let there *.cpp file called classdefns.cpp , define methods of classes declared in classdeclarations.h : #include classdeclarations.h classa::classa(int x) : m_x(x) { } classa::classa(double y) : m_y(y) { } classb::classb(int x) : m_x(x) { // line build error occurs m_instancea_1 = classa(0); } note have commented line compiler says there error: error c2512: 'classa' : no appropriate default constructor avai...
Read more