91 lines
2.6 KiB
JavaScript
91 lines
2.6 KiB
JavaScript
/*
|
|
* Copyright (C) 2011 - present Instructure, Inc.
|
|
*
|
|
* This file is part of Canvas.
|
|
*
|
|
* Canvas is free software: you can redistribute it and/or modify it under
|
|
* the terms of the GNU Affero General Public License as published by the Free
|
|
* Software Foundation, version 3 of the License.
|
|
*
|
|
* Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
|
|
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
|
|
* A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
|
|
* details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License along
|
|
* with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
// Scrolls the supplied object until its visible. Call from
|
|
// ("html,body") to scroll the window.
|
|
|
|
import $ from 'jquery'
|
|
import './jquery.scrollTo'
|
|
|
|
$.fn.scrollToVisible = function(obj) {
|
|
const options = {}
|
|
const $obj = $(obj)
|
|
|
|
if ($obj.length === 0) {
|
|
return
|
|
}
|
|
let innerOffset = $obj.offset(),
|
|
width = $obj.outerWidth(),
|
|
height = $obj.outerHeight(),
|
|
top = innerOffset.top,
|
|
bottom = top + height,
|
|
left = innerOffset.left,
|
|
right = left + width,
|
|
currentTop = this.selector == 'html,body' ? $.windowScrollTop() : this.scrollTop(),
|
|
currentLeft = this.scrollLeft(),
|
|
currentHeight = this.outerHeight(),
|
|
currentWidth = this.outerWidth()
|
|
|
|
if (this.selector != 'html,body') {
|
|
let outerOffset = $('body').offset()
|
|
this.each(function() {
|
|
try {
|
|
outerOffset = $(this).offset()
|
|
return false
|
|
} catch (e) {}
|
|
})
|
|
top -= outerOffset.top
|
|
bottom -= outerOffset.top
|
|
left -= outerOffset.left
|
|
right -= outerOffset.left
|
|
}
|
|
|
|
if (this[0].tagName == 'HTML' || this[0].tagName == 'BODY') {
|
|
currentHeight = $(window).height()
|
|
if ($('#wizard_box:visible').length > 0) {
|
|
currentHeight -= $('#wizard_box:visible').height()
|
|
}
|
|
currentWidth = $(window).width()
|
|
top -= currentTop
|
|
left -= currentLeft
|
|
bottom -= currentTop
|
|
right -= currentLeft
|
|
}
|
|
if (top < 0 || (currentHeight < height && bottom > currentHeight)) {
|
|
options.scrollTop = top + currentTop
|
|
} else if (bottom > currentHeight) {
|
|
options.scrollTop = bottom + currentTop - currentHeight + 20
|
|
}
|
|
if (left < 0) {
|
|
options.scrollLeft = left + currentLeft
|
|
} else if (right > currentWidth) {
|
|
options.scrollLeft = right + currentLeft - currentWidth + 20
|
|
}
|
|
if (options.scrollTop == 1) {
|
|
options.scrollTop = 0
|
|
}
|
|
if (options.scrollLeft == 1) {
|
|
options.scrollLeft = 0
|
|
}
|
|
|
|
this.scrollTop(options.scrollTop)
|
|
this.scrollLeft(options.scrollLeft)
|
|
|
|
return this
|
|
}
|