- iframes and iOS devices
- put on html, body of iframe contents
- fixes input jumping around
- iframe problem for iOS
- setting width=1px and then min-width=100% prevents frame going past its container
- Scroll IFRAMEs on iOS
- fixes iframe not being scrollable on iphone
- comment section also mentions using
body { -webkit-transform: translate3d(0, 0, 0); }
to prevent rendering of iframe from being cut off - comment section also mentions using !important for these:
-webkit-overflow-scrolling: touch !important;
overflow-y: scroll !important; - How we fixed the -webkit-overflow-scrolling: touch; bug on iOS
- fixes keyboard disabling scroller:
iframe {height:calc(100% + 1px); } - Issues with position fixed & scrolling on iOS
- How to force page to scroll to top only after iframe formstack form was submitted:
instead of window.parent.parent.scrollTo(0,0), use onload="parent.scrollTo(0,0)"
(see http://stackoverflow.com/a/853252) - How to get an IFrame to be responsive in iOS Safari?
Tuesday, January 3, 2017
iOS iFrame Notes
Poster/Image Fallback for HTML5 Video
From this answer to Display fallback image even if the browser supports html5 video:
Poster: A URL indicating a poster frame to show until the user plays or seeks. If this attribute isn't specified, nothing is displayed until the first frame is available; then the first frame is displayed as the poster frame. https://developer.mozilla.org/en-US/docs/HTML/Element/video
Hashtag navigation in SharePoint 2013
From this thread: I cant add a hashtag at the end of a url for a navigation item
(NYTom's answer)
(NYTom's answer)
//About the following block of code
//Because of SharePoint MDS, SP doesnt like appending data to the
//querystring of a navigation item.
//If a navigation item has data appeneded like a ? or #,
//it gets stripped off. I have contacted MS about this and this is by design
//To get around this, I have that when a navigation item
//label startes with #, then the #gets stripped off and the url gets
//appended a # along with the label with spaces stripped off,
//so the anchor tag will work. -- TJF
$anchorResults = $('a').filter(function() {
var txt = $(this).text();
return (txt.length > 1 && txt[0] == '#');
});
$.each($anchorResults, function (index, value) {
var txt = $(value).text().substring(1);
var href = $(value).attr('href') + '#' + txt.replace(/ /g, '');
$(value).text( txt );
$(value).attr('href', href);
});
//End Block
URLs and tokens in SharePoint 2013
URLs and tokens in SharePoint 2013: info on URLs and tokens like ~sitecollection.
Thursday, December 29, 2016
Android battery drain: clear cache
From How to fix the Android battery drain issue with these quick tricks:
- Clear the app cache for misbehaving apps, if you know which ones: Settings | Apps, tap the app, tap Storage, and then tap Clear Cache.
- If you don't know which apps, then try clearing cache for all apps: Settings | Storage | Cached Data. Tap OK when it prompts to clear. Reboot.
- If those don't fix the problem, then clear the system cache (you may have to do a search for your device and "clear system cache").
Subscribe to:
Posts (Atom)