javascript - Prevent BODY from scrolling when modal is opened AND input is focused -

-

similar question 1 here:

prevent body scrolling when modal opened

.modal{ -webkit-overflow-scrolling: touch;   overflow-y: auto; }  body.modal--open{ overflow:hidden; }

the above css works fine, problem when user focuses on input field within modal body scrolls again. there can done prevent this? thanks!


Comments

Post a Comment

Popular posts from this blog

python - Setting ctypes.Structure default values -

-
this doesn't work: class ifinfomsg(ctypes.structure): _fields_ = [ ('ifi_family', ctypes.c_ubyte), ('__ifi_pad', ctypes.c_ubyte), ('ifi_type', ctypes.c_ushort), ('ifi_index', ctypes.c_int), ('ifi_flags', ctypes.c_uint), ('ifi_change', ctypes.c_uint(0xffffffff)) ] it errors with: file "rtnetlink.py", line 243, in <module> class ifinfomsg(ctypes.structure): typeerror: error when calling metaclass bases second item in _fields_ tuple (index 5) must c type however can set values in __init__() : class ifinfomsg(ctypes.structure): _fields_ = [ ('ifi_family', ctypes.c_ubyte), ('__ifi_pad', ctypes.c_ubyte), ('ifi_type', ctypes.c_ushort), ('ifi_index', ctypes.c_int)...
Read more

javascript - Hide toolbar of pdf file opened inside iframe using firefox -

-
other browsers such chrome,ie working fine when given #toolbar=0.but not working in firefox. please help. this code. <html> <body> <iframe src="reports/reports.pdf#toolbar=0" width="100%;" height="80%"> </iframe> </html> i think it's dependent on application/plugin in browser opens pdf, works differently , might ignore there directives (depending on browser, plugin, platform, pdf viewer). the general recommendation here use these "directives" @ end of url: #toolbar=0&navpanes=0 you may try recommendations http://blogs.adobe.com/pdfdevjunkie/web_designers_guide : embedding using pdfobject you use basic html markup embed pdf files in page there more elegant solution out there. take @ pdfobject philip hutchison. pdfobject pretty easy scripting tool dynamically embedding pdf files web pages. uses javascript inject element dom tree of html file. there’s...
Read more

google chrome devtools - How to show mouse pointer in responsive mode? -

-
Image
i used able uncheck checkbox said emulate touch screen in emulation/sensors -panel see mouse pointer when using responsive mode. panel gone, , new sensors-panel doesn't have setting. this makes impossible use responsive mode, have no pointer , no control touch/click (who designed feature?!). how can see pointer/mouse when use responsive mode in newer chrome? apparently, you're supposed see circle mouse when using responsive mode. have never seen that, using several different machines, feature seems broken. however, right after posting question, stumbled upon solution. in version 50, solution press 3 dots ⋮ right in responsive mode, , select show device type . gives new dropdown next sizes etc., in desktop or mobile (no touch) can selected use normal mouse pointer (disable touch emulation) while using responsive mode.
Read more