67 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
bigtreat says

Hi i am trying to add localscroll jquery on this html but it is not working

help me please

it is here

http://reallybesthost.com/test/

you can download

http://reallybesthost.com/test.zip

i want to make it like Themeforest presenter

http://bitpublimedia.ro/themeforest/presenter/

but on the basis of x axis , it is on y axis

3007 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+7 more
duotive says
you call is wrong. you did not call localscroll for the navigation

$('#services-menu').localScroll({
   target:'#services-container'
});

67 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
bigtreat says

Thanks for you help brother but it is not work you can see the demo i tried you’r code

Please help me

3007 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+7 more
duotive says

DOCUMENT READY is really important…..


    <script type="text/javascript">
        $(document).ready(function($) {
            $('#services-menu').localScroll({
               target:'#services-container'
            });
        });
    </script>

67 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
bigtreat says

Thanks brother you really help me Please help one more time i want to move content on x axis it is moving on y axis

i tried this

$(document).ready(function($) {
         $('#services-menu').localScroll({
            target:'#services-container',
            axis: 'x'
         });
     });

but it is not working

thanks for you help

3007 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+7 more
duotive says

Align your divs with float left …...

67 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
bigtreat says

Thanks for your help but it not work i floats left the target divs and set the axis: ‘x’ but not work check the styles

reallybesthost.com/test/style.css

25 posts
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+4 more
doitmax says

if you want to slide horizontal, just a quick tip for #services-container.

the container needs the width of all elements contained. Otherwise it can not be scrolled and the float left is not taking any effect.

remove the overflow from the #services-container and add it to the parent .col-460 which width and height should be the viewport of your slide.

doitmax

67 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
bigtreat says

Hey thanks for you reply but it is not working

can you show me the css what i have to do

i remove the overflow:hidden fro,m #services-container and put it on .col-460 but not work


if you want to slide horizontal, just a quick tip for #services-container.

the container needs the width of all elements contained. Otherwise it can not be scrolled and the float left is not taking any effect.

remove the overflow from the #services-container and add it to the parent .col-460 which width and height should be the viewport of your slide.

doitmax
by
by
by
by
by
by