Я работаю над сайтом, и я создал свое собственное меню для сайта. Таким образом, меню скрыто с непрозрачностью 0 и z-index -1. при нажатии кнопки меню отобразится на экране.
https://williamhrtanto.com/msa/about/ это сайт, над которым я работаю, так что вы, ребята, можете напрямую проверить, как он работает в настоящее время
текущая проблема заключается в том, что всякий раз, когда я нажимаю кнопку, чтобы отобразить меню, оно вернется в верхнюю часть страницы.
Я спрашиваю, где бы я ни щелкнул, меню появится и не вернется в верхнюю часть страницы.
Я пробовал с фиксированным положением и абсолютным положением
Спасибо
У вас есть этот JS-код на вашей странице:
<script>
jQuery(document).ready(function($){
// now you can use jQuery code here with $ shortcut formatting
// this will execute after the document is fully loaded
// anything that interacts with your html should go here
var buttonMenu = $('#menuButtonContainer');
var menuScreen = $('#menue');
buttonMenu.click(function(){
//alert('clicked');
if (menuScreen.css('opacity')=='0'){
menuScreen.css('opacity', '1');
menuScreen.css('z-index', '999');
}
else {
menuScreen.css('opacity','0');
menuScreen.css('z-index','-1');
}
});
});
</script>
в этом месте:
buttonMenu.click(function(){
//alert('clicked');
изменить на
buttonMenu.click(function(e){
e.preventDefault();
//alert('clicked');
e
added as function argument and the new line e.preventDefault();
благодарю вас ! Я добавляю preventdefault и устанавливаю в меню фиксированное значение
Вам нужно отменить событие по умолчанию для тега привязки.
Использовать это
$("#buttonMenue").click(function(evt) {
evt.preventDefault();
});
Я думаю, что меню работает нормально. Проблема только в черном цвете. Попробуйте изменить цвет тега привязки меню.