Posts made by Hunlight

Hello,

Few days ago it begun to for some reason automatically scroll (more like a jump) to the bottom (or middle part of the site if it is very long). I have no idea why its doing that, it happens on multiple sites, for example here is the last one I just now got this problem multiple times before and after latest update nothing changed. https://mangahub.io/chapter/martial-peak/chapter-2803

Maybe there is some problem with anchoring or smth else? it also happens on some other sites randomly.

@burnout426
have no idea what else can cause the problem everything else is other blocks and parts of the side, and no place doing smth with href or links in the menu.

@burnout426
here is everything that is related to the menu before going into the media :

.menu {
  display: flex;
  column-gap: 50px;
}

.menu_link {
  display: block;
  font-family: var(--raleway);
  text-transform: uppercase;
  font-style: 12px;
  letter-spacing: 0.6px;
  font-weight: 700;
  padding: 7px;
  padding-top: 0;
  position: relative;
}

.active.menu_link::after,
.menu_link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #FCBB08;
  transition: width 0.2s;
}

.active.menu_link::after,
.menu_link:hover::after {
  width: 100%;
}

and media also provides some changes but nothing that could change it I think to not work.

  .menu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    row-gap: 30px;
    z-index: 10;
    transform: translateY(-1000px);
    transition: transform 0.2s;

  }

I got it that on 992px it changes into the drop down menu. but it doesnt matter as my code is 100% same as my teacher got, but he is using Mozilla and those href # works perfectly fine.

thought to add full nav html just in case :

      <nav class="header_nav">

        <a class="hero-logo logo" href="#">
          <img src="img/logo.svg" width="80" height="64" alt="logo">
        </a>

        <button class="burger" type="button">
          <div class="burger__line"></div>
        </button>

        <ul class="menu">
          <li class="menu_item">
            <a class="menu_link active" href="#">
              HOME
            </a>
          </li>
          <li class="menu_item">
            <a class="menu_link" href="#about">
              ABOUT US
            </a>
          </li>
          <li class="menu_item">
            <a class="menu_link" href="#portfolio">
              PORTFOLIO
            </a>
          </li>
          <li class="menu_item">
            <a class="menu_link" href="#team">
              OUR TEAM
            </a>
          </li>
          <li class="menu_item">
            <a class="menu_link" href="#">
              BLOG
            </a>
          </li>
          <li class="menu_item">
            <a class="menu_link" href="#contact">
              CONTACT
            </a>
          </li>
        </ul>

      </nav>

do not mind only one underscore in the classes we are just starting going into the BEM but I dont think it matters for this situation.

@burnout426
it actually does. mine thouse is not in the <p> but in the list
<li class="menu_item">
<a class="menu_link active" href="#">
About me
</a>
</li>

@burnout426

it is just a simple menu link for example this one -
<a class="hero-logo logo" href="#">

@sgunhouse
Im beginner front end dev. My friends using chrome or mozilla and their link which has href = "#" after clicking forwards to the top of the page. While when Im using opera gx it does nothing link is not clickable. My teacher checked my code and tried clicking them ( he uses mozilla) they work as intended. So there goes my question why in opera links with just # doesnt work ?

Hello,

So as mentioned in the topic href="#" doesnt work after I click it, it does nothing. While it should just go to the top of the page (or lets say open fresh page).

I checked default apps in windows and all href and html etc set to be opera.