Если вызвать модальное окно с середины — страница скроллится к верху, как запретить?

Question

[acspro]

Уважаемые профессионалы. Помогите плиз. Сайт mrsharik.ru На главной есть блок с услугами. На каждой услуге при клике на заказать вызывается модальная бутстрап форма. И страница скроллится наверх, как сделать чтобы страница не скроллилась?

Answer 1

[no_one_safe]

Все просто: все дело в
<a href="#" >
У вас вызов окна происходит по клику на ссылку, href у которой "#". Чтобы избежать скроллинга вверх, при клике на ссылку и после вызова модального окна необходимо превентить деволтные события или возвращать false.
либо
return false;

либо
e.preventDefault();

Comments

[acspro]

Спасибо большое!!!! Блин, как я проглядел в обработчике клика забыл return false; БЛАГОДАРЮ 1000 РАЗ))))))

[acspro]

всю ночь делал сайт, под утро нужно было всего лишь 2 формы написать на js, но внимание уже исчезло))))

Answer 2

[Иван]

Можете использовать этот плагин, специально сделан для Вашего случая. Можете поковырять его и разобраться, как в плагине предотвращается скролл.

Comments

[acspro]

А какой плагин? Я использую поставляемый с bootstrap плагин для модальных окон. Поковырять то понятно, можно просто перед вызовом окна запоминать позицию на странице а после его скрытия восстанавливать, решается просто. но все же это костыли. Душа хочет чего то другого)))))

[Иван]

Извиняюсь, ссылку не вставил :)
https://github.com/samdark/the-modal

[acspro]

Иван: Спасиб, да все решилось, банально))) забыл в обработчике на клик превент