Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Przewijanie strony

Błąd   Założony przez  Vastuney.

Problem jest taki, że kiedy próbuje przewinąć stronę w dół, w sekunde przerzuca mnie na samą góre strony, różnie to bywa, wchodząc np w szukaj przewijając w dół może być okej potem wchodząc w znajomi i ignorowani nie mogę przewinąć bo przerzuca mnie do góry, nie na każdej stronie się to dzieje jakieś porady?

Dodam, że działo się to na obydwu przeglądarkach w razie czego moge nagrac filmik
Wstaw zawartość header
Wsparcie poza forum - odpłatne.
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img style="float: left;"src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>

<style type="text/css">
</style>

<div class="partnerzy-slider">
<h1> Partnerzy</h1>
<div id="conta">
<div id="slider" style="overflow: hidden;width: 100%;">
<ul>  
<li style="float: left; margin: auto;"><a href="http://hard-game.pl" target="_blank"><img src="images/partnerzy-slider/hard-game.png" alt="Hard-Game.pl" border="0"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
<ul class="header-menu" style="float:left">
<a href="index.php"><li style=" background: #006ad0; color: #fff;"><i class="fa fa-home" aria-hidden="true"></i></li></a>
<a href="memberlist.php"><li><i class="fa fa-users" aria-hidden="true"></i> Użytkownicy</li></a>
<a href="search.php"><li><i class="fa fa-search" aria-hidden="true"></i> Szukaj</li></a>
<a href="#"><li><i class="fa fa-ban" aria-hidden="true"></i> AmxBans</li></a>
<a href="#"><li><i class="fa fa-shopping-cart" aria-hidden="true"></i> Sklep</li></a>
       <a href="#"><li><i class="fa fa-download" aria-hidden="true"></i> Pobierz CS 1.6</li></a>


</ul>
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
<br>
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}{$myprofile_alertbar}
{$pending_joinrequests}
{$awaitingusers}
<br>
<br>
<navigation>
<br />
Spróbuj tak:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img style="float: left;"src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>

<style type="text/css">
</style>

<div class="partnerzy-slider">
<h1> Partnerzy</h1>
<div id="conta">
<div id="slider" style="overflow: hidden;width: 100%;">
<ul>
<li style="float: left; margin: auto;"><a href="http://hard-game.pl" target="_blank"><img src="images/partnerzy-slider/hard-game.png" alt="Hard-Game.pl" border="0"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
<ul class="header-menu" style="float:left">
<a href="index.php"><li style=" background: #006ad0; color: #fff;"><i class="fa fa-home" aria-hidden="true"></i></li></a>
<a href="memberlist.php"><li><i class="fa fa-users" aria-hidden="true"></i> Użytkownicy</li></a>
<a href="search.php"><li><i class="fa fa-search" aria-hidden="true"></i> Szukaj</li></a>
<a href="#"><li><i class="fa fa-ban" aria-hidden="true"></i> AmxBans</li></a>
<a href="#"><li><i class="fa fa-shopping-cart" aria-hidden="true"></i> Sklep</li></a>
      <a href="#"><li><i class="fa fa-download" aria-hidden="true"></i> Pobierz CS 1.6</li></a>


</ul>
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
<br>
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}{$myprofile_alertbar}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
Wsparcie poza forum - odpłatne.
Nadal to samo.
Wyszukiwarka działa u mnie poprawnie - wyczyść cache przeglądarki CTRL + F5, albo opisz dokładniej problem który masz.
Wsparcie poza forum - odpłatne.
Przeklikałem sporą cześć forum i ja nie mam takiego błędu, nie występuje on też w panelu użytkownika w zakładce znajomi i ignorowani, o której wspominasz.

Spróbuj wyłączyć pluginy w swojej przeglądarce.
Cofam, znowu to samo na chwile się tylko naprawiło tak jak mówiłem nigdy nie wiadomo upierdliwie strasznie

https://youtu.be/XUIYyBn2Goo
U mnie nadal taki błąd nie występuje. Zobacz, czy działa Ci na stylu domyślnym. Jeśli nie to wyłącz wszystkie dodatki w przeglądarce i pluginy na forum. Jeżeli na działa na domyślnym to wrzuć tutaj szablon headerinclude i header
Problem ten jest na każdej stronie i podstronie, tylko nie zwracacie na niego uwagi. W momencie gdy przewijasz stronę, pasek z nawigacją zmienia  pozycje ze statycznej na ustaloną (fixed), zwalniając tym samym miejsce na elementy znajdujące się pod nim. Błąd który masz na tym filmiku wynika z zapętlenia zmiany pozycji. Żeby to naprawić znajdź kod JS który jest odpowiedzialny za dodawanie klasy fix (z tego co widzę jest w headerinclude) i zmień go na coś takiego:


$(window).scroll(function() {
   if ($(this).scrollTop() > 220) {
       $('#panel').addClass('fix');
       $('#content').css('marginTop', '74px');
   } else {
       $('#panel').removeClass('fix');
       $('#content').css('marginTop', '0');
   }
});

74px to wysokość nawigacji
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
Zmieniłem jak na razie problem ustał i nie widzę nigdzie tego problemu, podziękuje na zaś @myCreedo



Użytkownicy przeglądający ten wątek:

3 gości