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

    Hello,
    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>
    </select>

    </div>

    • This topic was modified 5 years, 4 months ago by djsmbd.
    #1140652

    Any resolution here?

    #1140662

    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,
    Victoria

    #1140679
    This reply has been marked as private.
    #1140754

    Hi djsmbd,

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

    Best regards,
    Victoria

    #1143537

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

    #1143700

    Hi,

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

    Best regards,
    Rikard

    #1143759

    Thank you see private data.

    #1145574

    Hi,
    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.

    <script>
    (function($){
      $(document).ready(function(){
        $('#select-anchor').change( function () {
            var targetPosition = $($(this).val()).offset().top-110;
            $('html,body').animate({ scrollTop: targetPosition}, 'slow');
        });
    });
    })(jQuery);
    </script>
    <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>
    </select>
    </div>

    Best regards,
    Mike

    #1145613

    You guys are amazing! Thanks Mike!

    #1145614

    Hi,
    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,
    Mike

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