Мобильное меню не слушается стилей?

Question

[Андрей Филимонов]

Здравствуйте,

на главной странице сайта в мобильной версии не прокручивается вниз мобильное меню. т.е. при первом открытии немного можно прокрутить, а когда становится размером с экран, его не прокрутить, хотя пункты меню ниже ещё есть. При этом видно, что страница, за меню прокручивается, хотя пальцем водишь по раскрытому меню.

кроме этого в стилях прописано что ширина 80% и оверфлоу авто, но оно не слушается, хотя на других страницах сайта всё нормально. Пробовал по очереди удалять html код всех блоков страницы, но не помогло.
Как сделать возможным прокрутку меню в мобильной версии, вот сделал ПЭН для тестов

P.S. Если в стилях написать не men{display: none;} как сейчас, а men{display: block;}, то прокручивается как надо и всё хорошо, то тогда меню по умолчанию при загрузке открыто

Answer 1

[Андрей Токмаков]

1. у men стоит inline, ставим block и всё ок.
2. #tmenu добавь z-index: 9999; иначе меню прячется под что то там снизу, слайдер что ли

Comments

[Андрей Филимонов]

1. Простите, а где у men inline? есть #menu-icon {display:inline}, и men li:hover ul{display:inline;} там изменил, ничего
2. Добавил, спасибо

[Андрей Токмаков]

Если быть точнее, то скрипт какой то прямо в DOM суётdisplay:inline; при открытии меню. Где именно хрен знает, выкладывать надо было код меню, а не весь сайт, думаю Вам виднее какие скрипты там что делают

[Андрей Филимонов]

Андрей Токмаков: есть вот такой скрипт для меню, что-то тут можно сделать?

/*---------Меню--------*/

$(function () {

		$(window).scroll(function(event) {
			if($(this).scrollTop() > 30) {
			$("#mesto2").fadeIn();
      
			$("#mesto2").addClass('fixed',500,'linear');
		}
		else {
			$("#mesto2").removeClass('fixed')
		}
		});

	});



$('#tmenu').prepend('<div id="menu-icon"><span class="first"></span><span class="second"></span><span class="third"></span></div>');

	$("#menu-icon").on("click", function() {
	  $("men").slideToggle();
	  $(this).toggleClass("active");
	});

var mql = window.matchMedia('all and (max-width: 659px)');
if (mql.matches) {
  $(function () {

		$(window).scroll(function(event) {
			if($(this).scrollTop() > 22) {
			$("#mesto2").fadeIn();
      
			$("#mesto2").addClass('fixed',500,'linear');
		}
		else {
			$("#mesto2").removeClass('fixed')
		}
		});

	});

[Андрей Токмаков]

Андрей Филимонов:

[Андрей Филимонов]

Андрей Токмаков: а почему так получается? может скрипт чего делает?

[Андрей Токмаков]

Андрей Филимонов: этот тег у Вас скрывается и отображается так $("men").slideToggle(); но почему он ставит inline я не могу понять, уже у себя попробовал, при 1 клике ставится дисплей ноне, при 2 клике убирается вообще дисплей..., почему у Вас вместо того что бы убрать это свойство он его меняет на инлайн хз

[Андрей Токмаков]

Андрей Филимонов: По гуглите пока почему тоггл может ставить инлайн, а то мне пока что надо отойти

[Андрей Токмаков]

Андрей Филимонов: Нашел, во-первых jquery у Вас подключается несколько раз. Во-вторых вот с этим что то не так

<script src="http://yandex.st/jquery/1.9.1/jquery.js"></script>

Отключаем его и при открытии меню ставится display:inline-block вместо inline
И все работает как надо

[Андрей Филимонов]

Андрей Токмаков: спасибо!!!! помогло, и карта яндекса работает)

Answer 2

[Smeecy Smeecy]

Легче заново сделать более простым кодом и способом, чем искать в этом ошибку)

Comments

[Андрей Филимонов]

ооох... пока адаптируешь всё, такое же и получится