jQuery hasHScrollBar() Function
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
//util function to check if an element has a scrollbar present
jQuery.fn.hasScrollBar =
function
(direction)
{
if
(direction ==
'vertical'
)
{
return
this
.get(0).scrollHeight >
this
.innerHeight();
}
else
if
(direction ==
'horizontal'
)
{
return
this
.get(0).scrollWidth >
this
.innerWidth();
}
return
false
;
}
//$('#c3 .mbcontainercontent').hasScrollBar('horizontal');
|
Similar functions:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
//util function to check if an element has a horizontal scrollbar present
jQuery.fn.hasHScrollBar =
function
()
{
// log(this.get(0).scrollWidth);
// log(this.width());
// log(this.innerWidth());
return
this
.get(0).scrollWidth >
this
.innerWidth();
}
$(
'#c3 .mbcontainercontent'
).hasScrollBar();
//util function to check if an element has a vertical scrollbar present
jQuery.fn.hasVScrollBar =
function
()
{
// log(this.get(0).scrollHeight);
// log(this.height());
// log(this.innerHeight());
return
this
.get(0).scrollHeight >
this
.innerHeight();
}
$(
'#c3 .mbcontainercontent'
).hasScrollBar();
|
Another version…
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
function
hasScroll(el, direction) {
direction = (direction ===
'vertical'
) ?
'scrollTop'
:
'scrollLeft'
;
var
result = !! el[direction];
if
(!result) {
el[direction] = 1;
result = !!el[direction];
el[direction] = 0;
}
return
result;
}
alert(
'vertical? '
+ hasScroll(document.body,
'vertical'
));
alert(
'horizontal? '
+ hasScroll(document.body,
'horizontal'
));
|