bryce/jquery.uls
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve the scroll to view port logic

Browse Source 
Do minimal scroll when top of the window is out of view

Change-Id: I8a2eb01451961655b651d53763356bd7e0aa5abf
This commit is contained in:
Santhosh Thottingal
2013-06-12 09:02:09 +05:30
parent 5f2b646c42
commit fa667f0c14
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/jquery.uls.core.js
View File

@@ -430,21 +430,20 @@
$.fn.scrollIntoView = function () { $.fn.scrollIntoView = function () {
return this.each( function () { return this.each( function () {
var scrollPosition, var scrollPosition,
padding = 10,
$window = $( window ), $window = $( window ),
windowHeight = $window.height(), windowHeight = $window.height(),
windowScrollTop = $window.scrollTop(), windowTop = $window.scrollTop(),
windowBottom = windowScrollTop + windowHeight, windowBottom = windowTop + windowHeight,
$element = $( this ), $element = $( this ),
panelHeight = $element.height(), panelHeight = $element.height(),
panelTop = $element.offset().top, panelTop = $element.offset().top,
panelBottom = panelTop + panelHeight; panelBottom = panelTop + panelHeight;
if ( ( panelTop < windowScrollTop ) || ( panelBottom > windowBottom ) ) { if ( ( panelTop < windowTop ) || ( panelBottom > windowBottom ) ) {
if ( panelHeight > windowHeight ) { if ( windowTop > panelTop ) {
scrollPosition = panelTop - padding; scrollPosition = panelTop;
} else { } else {
scrollPosition = panelBottom - windowHeight + padding; scrollPosition = panelBottom - windowHeight;
} }
$( 'html, body' ).stop().animate( { $( 'html, body' ).stop().animate( {
scrollTop: scrollPosition scrollTop: scrollPosition