mirror of
https://github.com/kubesphere/website.git
synced 2025-12-26 00:12:48 +00:00
27 lines
842 B
JavaScript
27 lines
842 B
JavaScript
var getElementTopToScreenTop = function(element) {
|
|
var elementOffsetTop = element.offset().top
|
|
var windowScrollTop = $(window).scrollTop()
|
|
return elementOffsetTop - windowScrollTop
|
|
}
|
|
|
|
var getElementBottomToTop = function(element) {
|
|
var elementHeight = element.outerHeight()
|
|
var elementOffsetTop = element.offset().top
|
|
return elementOffsetTop + elementHeight
|
|
}
|
|
|
|
var bindAsideScroll = function() {
|
|
var content = $('.main-div')
|
|
var aside = $('.aside')
|
|
$( window ).scroll(function() {
|
|
var s1 = getElementBottomToTop(content)
|
|
var s2 = getElementBottomToTop(aside)
|
|
if (s2 > s1) {
|
|
aside.addClass('aside-absolute').removeClass('aside-fixed')
|
|
}
|
|
if (getElementTopToScreenTop(aside) > 150) {
|
|
aside.removeClass('aside-absolute').addClass('aside-fixed')
|
|
}
|
|
});
|
|
}
|
|
bindAsideScroll() |