Когда я нажимаю кнопку, страница увеличивается

Мне нужна помощь. Я пытаюсь найти решение проблемы. Когда я нажимаю кнопку, страница будет подниматься, но я не хочу этого. Страница должна остаться после нажатия. Вот мой код ниже;Когда я нажимаю кнопку, страница увеличивается

<section class="category"> 
    <h1 class="uppercase">OTURMA ODASI</h1> 
    <ul class="ad-list sub"> 
    <li> 
     <div class="drop"> 
     <a href="#" class="subMenuOpener"> 
      <img src="images/content/icon/tire.svg" alt="img-description" height="48" width="48"><span>OTURMA GRUPLARI</span> 
     </a> 
     <ul style="display: block;" class="sub-ul"> 
      <li class="sub-li"> 
      <a href="oturma-odasi-mobilyalari/oturma-gruplari-takimlari/koltuk-takimlari-mobilyalari.html"> 
       <img src="images/content/icon/oturma_koltuk_takimlari.svg" alt="img-description" height="48" width="48"><span class="no-content">KOLTUK TAKIMLARI</span> 
      </a> 
      </li> 
      <li class="sub-li"> 
      <a href="oturma-odasi-mobilyalari/oturma-gruplari-takimlari/kose-koltuklar-mobilyalar.html"> 
       <img src="images/content/icon/oturma_kose_koltuklar.svg" alt="img-description" height="48" width="48"><span class="no-content">KÖŞE KOLTUKLAR</span> 
      </a> 
      </li> 
     </ul> 
     </div> 
    </li> 
    <li> 
     <div class="drop"> 
     <a href="#" class="subMenuOpener"> 
      <img src="images/content/icon/tire.svg" alt="img-description" height="48" width="48"><span>SEHPALAR</span> 
     </a> 
     <ul style="display: block;" class="sub-ul"> 
      <li class="sub-li"> 
      <a href="oturma-odasi-mobilyalari/orta-zigon-yan-sehpalar-mobilyalar/zigon-sehpa.html"> 
       <img src="images/content/icon/sehpazigon.svg" alt="img-description" height="48" width="48"><span class="no-content">ZİGON SEHPA</span> 
      </a> 
      </li> 
      <li class="sub-li"> 
      <a href="oturma-odasi-mobilyalari/orta-zigon-yan-sehpalar-mobilyalar/yan-sehpa.html"> 
       <img src="images/content/icon/sehpalar_yan_sehpa.svg" alt="img-description" height="48" width="48"><span class="no-content">YAN SEHPA</span> 
      </a> 
      </li> 
     </ul> 
     </div> 
    </li> 
    <li> 
    </li> 
    </ul> 
</section>

Спасибо за все

источник

2015-08-17 mfrkndgn

вы ссылаетесь на '' 'с как кнопками? –

Установить "javascript :;" вместо «#» в href. – Kamal

@JacobGray да, я ссылаюсь на как кнопки. – mfrkndgn

Вместо вещи, как <a href="#" .... использования <a href="javascript:void(1);" ....

# в сочетании с действительной базовой HREF имеет этот нежелательный эффект скроллинга.

источник

2015-08-17 14:07:23 Cosmin

Я пробовал, но он не работает над моим проектом – mfrkndgn

@mfrkndgn Он должен работать. Если это не работает, это означает, что прокрутка происходит откуда-то еще, например, открывается свиток js или элемент en, затем выполняется другой прокрутка. – Cosmin

Вы отметили jquery, поэтому вам нужно предотвратить по умолчанию. Смотрите следующий подход:

$('section.category ul li a').on('click', function(e) 
{ 
    e.preventDefault(); // prevent normal link action 

    // do your alternative logic 
});

Надежной документация: http://api.jquery.com/event.preventdefault/

источник

2015-08-17 14:21:52 schellingerht

Когда я нажимаю кнопку, страница увеличивается

ответ

Смежные вопросы