Using anchor links to go directly to a section - Webflow tutorial

Поделиться
HTML-код
  • Опубликовано: 9 май 2018
  • Anchor links or section links allow you to link to specific sections in a webpage. To create an anchor link, you'll first need to set an element ID on that section.
    To link to sections on the same page, you can use the link to a section option in the link settings.
    To link to a section on another page, you need to enter the URL or slug of the page where the section exists followed by `#` and the ID you assigned to that section i.e. yoursite.com/page#Element-ID
    Learn more at wfl.io/2ry5VRF
    -------
    Get started with Webflow: wfl.io/2G4XGRc
    webflow.com
    / webflow
    / webflow

Комментарии • 68

  • @dustinoverbeck
    @dustinoverbeck Год назад +10

    For those wondering how to make the link not scroll past the actual section, the quickest thing I found was to create an empty DIV section above the expected destination. I then link to the ID named in the empty DIV. (I couldn't figure out the 'offset' thing somebody else had posted).

  • @hockeyspeed1459
    @hockeyspeed1459 5 лет назад +24

    Didn't even need to watch the entire video to figure it out. Thank you for providing a quick solution!

  • @zubbeyinno6438
    @zubbeyinno6438 5 лет назад

    i love this web tool

  • @stefansarajlic6023
    @stefansarajlic6023 4 часа назад

    When I do this I don't get the nice scrolling animation, it just instantly teleports to the part of the page I want it to go to. How do I fix this?

  • @kevinshen5079

    I need a Y offset like framer gives me.. my sticky navbar is covering my header at the moment...

  • @Lanman106
    @Lanman106 4 года назад +3

    For me it is scrolling too far past the anchor links and cutting off the headers of the sections. Does anyone know how to fix this?

  • @y_social_
    @y_social_ Год назад +1

    so beautiful

  • @DeepfriedBaby
    @DeepfriedBaby 4 года назад +2

    Jesus, these videos are good.

  • @naini2580
    @naini2580 4 года назад +2

    finally done this playlist asdf

  • @fredrikgehrke4209
    @fredrikgehrke4209 2 года назад +2

    Hi, I'm using the TAB content. How do I link to something on a different TAB (on the same page). Ive tried with section ID but just scrolls up.. doesn't open that TAB...

  • @christopherdosin292
    @christopherdosin292 Год назад

    Love these really short on the point videos!

  • @chrisleighcreative

    Very concise, thank you!

  • @jerrymcneive
    @jerrymcneive 4 года назад

    Hi,

  • @NeeyamoLive

    Thank you so much!

  • @mariogutierrez1019

    Perfect thnx, this video helped for my web design class

  • @witxeynobre7306

    Simple and easy!

  • @lisaying1273
    @lisaying1273 3 года назад +1

    Hey guys, I need help! I have create a "Symbol" - BACK TO TOP BUTTON,

  • @CraigWrightStraygoat
    @CraigWrightStraygoat 2 года назад +1

    How do you do an anchor link in a blog post? Is there a way to add an ID to a heading in a blog post?

  • @isaacola7596
    @isaacola7596 3 года назад +2

    This is what i'm talking about.

  • @jexusmedina3100
    @jexusmedina3100 6 лет назад +4

    Hi! I need your help. I have a web project with 3 pages. May you tell me how a Botton can be linked to a specific section of a different page? Sorry, my English is not good. Thank you.