66 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Sold between 10 000 and 50 000 dollars
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
  • Author had a File in an Envato Bundle
  • Bought between 1 and 9 items
  • Elite Author
  • Europe
  • Exclusive Author
  • Has been a member for 3-4 years
  • Referred between 100 and 199 users
+2 more
duotive says
you call is wrong. you did not call localscroll for the navigation

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

66 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Sold between 10 000 and 50 000 dollars
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
  • Author had a File in an Envato Bundle
  • Bought between 1 and 9 items
  • Elite Author
  • Europe
  • Exclusive Author
  • Has been a member for 3-4 years
  • Referred between 100 and 199 users
+2 more
duotive says

DOCUMENT READY is really important…..


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

66 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Sold between 10 000 and 50 000 dollars
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
  • Author had a File in an Envato Bundle
  • Bought between 1 and 9 items
  • Elite Author
  • Europe
  • Exclusive Author
  • Has been a member for 3-4 years
  • Referred between 100 and 199 users
+2 more
duotive says

Align your divs with float left …...

66 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Sold between 10 000 and 50 000 dollars
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
  • Elite Author
  • Germany
  • Exclusive Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 4-5 years
  • Bought between 100 and 499 items
  • Referred between 100 and 199 users
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

66 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Sold between 10 000 and 50 000 dollars
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