Support » Plugin: Page scroll to id » Using Scroll ID with interactive banners

  • Resolved drielly

    (@drielly)


    Hey guys,

    Love the plugin, everything works properly except for one issue:

    I have interactive banners at the top of my pages which I want to be able to click to then scroll down the page to the correct section. For the URL of the banner, I just need to put in (e.g:) #pg-2-6. The problem here is, the banners just jump down the page instead of scrolling. Is there some way I can change this URL input to scroll instead of jump? Thanks a lot for your help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author malihu

    (@malihu)

    Hello,

    Are your banners links (i.e. <a> elements)?
    Can you give the banner the class ps2id?

    You can also add your banners selector in “Selector(s)” field in plugin settings.

    If I could see your site/page I’d be able to help and provide a solution. Can you post your link?

    Thread Starter drielly

    (@drielly)

    Hey @malihu,

    http://digital-scape.com/360-video/ is the page I was talking about, but also the gifs at the top of this page http://digital-scape.com/film/.

    Please note, we’re still in BETA for our site right now and I’m certainly no code expert!

    Plugin Author malihu

    (@malihu)

    No need to be code expert 😉

    The easiest way is to enable the plugin on the banner elements selector.

    Go to “Page scroll to id” settings and change “Selector(s)” field to:

    a[rel='m_PageScroll2id'], .panel-widget-style a[href*=#]

    That’s it. Save changes and test your links.

    The .panel-widget-style a[href*=#] selector is specific to your page markup. If you want a more general selector, you can use:

    a[rel='m_PageScroll2id'], a[href*=#]:not([href=#])

    which will enable the plugin on any link that has a hash (#) in its URL.

    Thread Starter drielly

    (@drielly)

    You sir, are a wizard. Thank you very much for your help, it’s 5* from me!

    Plugin Author malihu

    (@malihu)

    Thanks a lot for your review! Glad I helped 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Using Scroll ID with interactive banners’ is closed to new replies.