Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #1139768

    I used the following code to try and add a page scroll. When you click an item in the drop down box it should take you to that section on the page.
    I also added the tag in the ‘developer’ tab in the color section.
    I can’t get it to work. Please advise.

    <div style=”float: right;”>
    <h4 style=”display: inline; margin-right: 10px; color: #fff;”>Select A Category</h4>
    <select id=”avia_select_a_category_1″ class=”select vendors” style=”display: inline; margin-bottom: 0px;” name=”avia_select_a_category_1″>
    <option value=”Bridal Shops”>Bridal Shops</option>
    <option value=”Cakes”>Cakes</option>
    <option value=”Dance Lessons”>Dance Lessons</option>
    <option value=”Disc Jockey”>Disc Jockey</option>
    <option value=”Flowers”>Flowers</option>
    <option value=”Harpists”>Harpists</option>
    <option value=”Officiants”>Officiants</option>
    <option value=”Photo Booth”>Photo Booth</option>
    <option value=”Pianists”>Pianists</option>
    <option value=”Salons”>Salons</option>
    <option value=”String-quartets”>String Quartets</option>
    <option value=”Travel-transportation”>Travel Transportation</option>
    <option value=”Tuxedos”>Tuxedos</option>


    • This topic was modified 4 years, 2 months ago by djsmbd.

    Any resolution here?


    Hi djsmbd,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,

    This reply has been marked as private.

    Hi djsmbd,

    Credentials did not work for me. Could you please update the credentials?

    Best regards,


    We resent credentials some time ago. Any headway on this?



    The login details you sent are not working like Victoria wrote above, please check the details and post them again.

    Best regards,


    Thank you see private data.


    Sorry for the late reply, I took a look at your page and code, but couldn’t find any javascript to make it work, plus the dropdown options didn’t match your anchor IDs, but after some research and tinkering I put it all together for you with an offset so the anchors land in view and not under your header, for desktop.
    You can examine the new script and select code in a code block under your text block, which I hid with the visibility options in the element. You can delete your text element if you wish.

        $('#select-anchor').change( function () {
            var targetPosition = $($(this).val()).offset().top-110;
            $('html,body').animate({ scrollTop: targetPosition}, 'slow');
    <div style="float: right;">
    <h4 style="display: inline; margin-right: 10px; color: #fff;">Select A Category</h4>
    <select id="select-anchor" class="select vendors" style="display: inline; margin-bottom: 0px;" name="dropdpown">
    <option value="#bridal-shops">Bridal Shops</option>
    <option value="#cakes">Cakes</option>
    <option value="#dance-lessons">Dance Lessons</option>
    <option value="#disc-jockey">Disc Jockey</option>
    <option value="#flowers">Flowers</option>
    <option value="#harpists">Harpists</option>
    <option value="#officiants">Officiants</option>
    <option value="#photo-booth">Photo Booth</option>
    <option value="#pianists">Pianists</option>
    <option value="#salons">Salons</option>
    <option value="#string-quartets">String Quartets</option>
    <option value="#travel-transportation">Travel Transportation</option>
    <option value="#tuxedos">Tuxedos</option>

    Best regards,


    You guys are amazing! Thanks Mike!


    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Page Scroll’ is closed to new replies.