Autoscroll and header max-height

  • Author
    Posts
  • #56099

    Najja
    Participant

    Hello everyone,

    I’ve been using Fluida theme for some time as I am helping a friend with his website. After the latest upgrade t 1.3.5 several things have changed and some of them not in a good way…?

    1. Autoscroll
    When I click on a link and autoscroll feature is activated, the website jumps anyway. Also, when I want to scroll down to some ID, a website jumps to this ID, then moves a bit in the opposite way, but the exact target (element with a proper ID) is not in a visible area, but it’s hidden under the menu.

    For smooth scrolling I had to find another plugin, but target sections are still out of the visible page area.

    2. Header
    “.lp-staticslider” has a max-height: 100vh after the upgrade. It causes icon boxes penetrating into the header area. I fixed this by deleting this line.

    Anyway, thanks for your good job everyone!
    In case I somehow broke these things, I will appreciate any help.

    Sincerely,
    Najja

    Website: saha-tour.com

    #56100

    Najja
    Participant

    Btw jumping autoscroll can be seen there: http://saha-tour.com/2017/10/26/marrakech-gorges-du-dades-in-3-days/ – Navigation links on the right side.

    Thanks!

    • This reply was modified 4 weeks, 1 day ago by  Najja. Reason: Changing a link
    #56131

    zed
    Keymaster

    1. Scrolling to inner content is tricky when the fixed menu is used. Browsers don’t take fixed elements into account when calculating the scroll position and can position the viewport with the target anchor under such elements.
    The workaround for this is to use JavaScript to take the header height into account on scroll/anchor jumps, however we’d rather not bulk up the theme with code that’s only needed in certain specific cases:
    https://github.com/twbs/bootstrap/issues/1768

    2. We’ll look into this.


    If you like our creations, please rate them on WordPress.org.
Viewing 3 posts - 1 through 3 (of 3 total)

You need to log in to reply to this topic.