差し引きの高さ取得の件で

Question

お世話になります。

以下コードでスクロール時のclass付与をしているのですが、高さ取得の箇所で、
.swiper-containerから#mastheadを差し引いた高さを取得としたいのですが、
heroBottom = jQuery('.swiper-container').height();　の箇所をどのように書き換えすればよろしいでしょうか？

よろしく回答のほどお願いいたします。

jQuery(function(){
	var _window = jQuery(window),
		_header = jQuery('#masthead'),
		heroBottom;
	
	_window.on('scroll',function(){
		heroBottom = jQuery('.swiper-container').height();
		if(_window.scrollTop() > heroBottom){
			_header.addClass('transform');   
		}
		else{
			_header.removeClass('transform');   
		}
	});
	
	_window.trigger('scroll');	
});

Comments

[TN8001]

タグがよろしくありません。
JavaScript
jQuery
に変えてください。

Answer 1

下記コードで自己解決いたしました。
ありがとうございました。

jQuery(function(){
	var _window = jQuery(window),
		_header = jQuery('#masthead'),
		heroBottom;
	
	_window.on('scroll',function(){
		heroBottom = jQuery('.swiper-container').height();
		herotop = jQuery('#masthead').height();
		if(_window.scrollTop() > heroBottom-herotop){
			_header.addClass('transform');   
		}
		else{
			_header.removeClass('transform');   
		}
	});
	
	_window.trigger('scroll');	
});