javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 11:41:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): add scrollbar check helper function

Browse Source
This commit is contained in:
Drew Rygh
2015-10-25 23:49:56 -05:00
parent 24f7e1c92f
commit e8e6f55745
2 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
demos/component-docs/app.css
View File

@ -194,7 +194,6 @@ ion-card.adv-map p {
.demo-list-icons icon#secondary {
color: #32DB64;
}
body.md {
border-top: 24px solid black;
}
@ -224,7 +223,7 @@ body.md img#md-only {
body.ios img#ios-only {
display: block !important;
position: absolute;
top: -16px;
top: -1rqww6px;
width: 100%;
height: auto;
z-index: 9999;

32
demos/component-docs/helpers.ts
View File

@ -64,6 +64,38 @@ export function toTitleCase(str) {
return str.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
}
export function hasScrollbar() {
console.log(window);
// The Modern solution
if (typeof window.innerWidth === 'number')
return window.innerWidth > document.documentElement.clientWidth
// rootElem for quirksmode
var rootElem = document.documentElement || document.body
// Check overflow style property on body for fauxscrollbars
var overflowStyle
if (typeof rootElem.currentStyle !== 'undefined')
overflowStyle = rootElem.currentStyle.overflow
overflowStyle = overflowStyle || window.getComputedStyle(rootElem, '').overflow
// Also need to check the Y axis overflow
var overflowYStyle
if (typeof rootElem.currentStyle !== 'undefined')
overflowYStyle = rootElem.currentStyle.overflowY
overflowYStyle = overflowYStyle || window.getComputedStyle(rootElem, '').overflowY
var contentOverflows = rootElem.scrollHeight > rootElem.clientHeight
var overflowShown = /^(visible|auto)$/.test(overflowStyle) || /^(visible|auto)$/.test(overflowYStyle)
var alwaysShowScroll = overflowStyle === 'scroll' || overflowYStyle === 'scroll'
return (contentOverflows && overflowShown) || (alwaysShowScroll)
}
export function getPageFor(hash) {
return {
'action-sheets': ActionSheetPage,