WordPress как на ладони
Очень Удобный и Быстрый Хостинг для сайтов на WordPress. Пользуюсь сам и вам рекомендую!

Фиксированное меню и кнопка вверх

Помогите соединить эти два скрипта а то я вообще бум бум в этом(((
но я научусь))

 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
	<script>  
		$(document).scroll(function (){/*Фиксируем меню при прокрутке*/
			if($(document).width () > 889){/*Фиксируем меню при прокрутке*/
				if ($(document).scrollTop() > $('header').height() + 10)/*Фиксируем меню при прокрутке*/
					$('.inner-nav').addClass ('fixedmenu');/*Фиксируем меню при прокрутке*/
				else
					$('.inner-nav').removeClass ('fixedmenu');/*Фиксируем меню при прокрутке*/
			}
		});

		window.onresize = function (event){
			$('.mobileMenu').hide();
		};
	</script>

а вот второй

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".inner-nav").hide();
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('.inner-nav').fadeIn();
} else {
$('').fadeOut();
}
});
$('.inner-nav a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 400);
return false;
});
});
});
</script>
Заметки к вопросу:
anseme 6 лет назад

Так же важна html разметка, если этот код дернул откуда то, то мало совместить, важно скопировать css и html что бы все классы и разметка была та же, иначе код может не заработать.

0
Гость
6 лет назад
  • 0
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script>
    	$(document).scroll(function () {/*Фиксируем меню при прокрутке*/
    	if ($(document).width() > 889) {/*Фиксируем меню при прокрутке*/
    		if ($(document).scrollTop() > $('header').height() + 10)/*Фиксируем меню при прокрутке*/
    		$('.inner-nav').addClass('fixedmenu');/*Фиксируем меню при прокрутке*/
    		else
    		$('.inner-nav').removeClass('fixedmenu');/*Фиксируем меню при прокрутке*/
    	}
    	});
    	window.onresize = function (event) {
    	$('.mobileMenu').hide();
    	};
    
    	$(document).ready(function () {
    	$(".inner-nav").hide();
    	$(function () {
    		$(window).scroll(function () {
    		if ($(this).scrollTop() > 100) {
    			$('.inner-nav').fadeIn();
    		} else {
    			$('').fadeOut();
    		}
    		});
    
    		$('.inner-nav a').click(function () {
    		$('body,html').animate({
    			scrollTop: 0
    		}, 400);
    		return false;
    		});
    	});
    	});
    
    </script>
    lalalalylyly 6 лет назад

    большое спасибо за помощь, код я сдернул но html и css подогнал под него), еще раз большое спасибо

    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация