jQuery scrollTo plugin problem. Nothing's moving?

I'm having real trouble trying to get a div to scroll on a page I'm building.

I basically have a div element, which has a much wider div inside that I want to scroll along to show different areas, and as such change the content. Basically a tab slider but a little different.

I've set it up currently to work on hover of the div in question, the event triggers but nothing happens. Please help!.

The URL is: http://ram.grtest.com/ and click 'Join'. Hover over the content in there and the event should trigger. Don't click 'Next >' - that submits a form!

Here's the initialisation (test data, i'll adjust the amount of movement later)

$('#join-content').hover(function(){ $('#join-wrapper-scroll').scrollTo({axis: 'x',left:'+=100'}, 2000); return false; });

Thanks in advance!

-------------Problems Reply------------

Does #join-wrapper-scroll have an inside layer before the content? I.e.

<div id="join-wrapper-scroll">
<ul> <!-- inner layer -->
<li>Content that scrolls.</li>
<li>Content that scrolls.</li>
</ul>
</div>

You need an "inner layer" or else the plugin won't understand what it's scrolling.

I think you want to use animate:

$("#join-wrapper-scroll").animate({"left": "-=600"}, 1000);

Category:jquery Views:1 Time:2011-08-18

Related post

  • How to unbind jquery.scrollTo plugin? 2011-09-17

    I use the jquery scrollto plugin on this page : http://tinyurl.com/3l49ccu) When i resize the window, the scroll is not working anymore because the "offset" setting changed. I would like to redefine this setting on resize. The author of the plugin ex

  • Is it possible to use the JQuery ScrollTo plugin with the JQuery Cycle plugin? 2010-04-07

    Is it possible to use the JQuery scrollTo plugin to create a transition when using the JQuery Cycle plugin? (i.e. when using a pager in the JQuery Cycle plugin the transition to the next slide scrolls past all intermediate slides)

  • jQuery scrollTo plugin initial error 2011-07-21

    I'm building a neat little photo gallery, but strugglig with the jQuery scrollTo plugin. I've used it before, but I'm getting an error about something IN the plugin (o is not defined).. but I'm sure it's something I've done wrong! Here's the link: ht

  • jQuery-scrollTo plugin doesn't work with iPad 2011-11-08

    I have a website which is divided into several sections and I want to scroll to a specific section with the jQuery scrollTo-plugin. The website is http://www.projekt-meine-zukunft.at/?bereich=6 by the way. Now this works well with desktop pcs, but no

  • Need help getting jQuery ScrollTo plugin to run 2012-04-16

    So I've been trying to get Ariel Flesher's jQuery ScrollTo plugin work, but had not luck. I've checked the other post regarding the plugin and it didn't help. So I've created my own post. HTML: <header> <nav role="navigation"> <ul clas

  • jQuery scrollTo plugin - shaky scrolling with some content - Problem 2010-10-09

    Hey Community out there - here comes a tough one, at least for me. Maybe there is some help out there. I am working on a full page vertically/horizontally scrolling website that is powerd by the scrollTo plugin. In general all is working good and smo

  • JQuery validator plugin problem on update button click on ASP.NET MVC Page 2010-02-11

    I am using JQuery validator plugin on ASP.NET MVC Page as below. 1). Here on update button click, Validation messages are displaying fine. 2). Zipcode Min length is 5 and max is 9 and is a required field and only digits. The problem is even if we ent

  • jQuery scrollTo plugin jumping to top of page in Chrome but not Firefox 2011-02-22

    I searched for this but the answer I assumed would be the solution to my problem isn't working. This seems awfully trivial considering I've dealt with things much more complicated in the past, but I can't for the life of me figure out what's going wr

  • jQuery - Address plugin problem 2011-06-17

    I've come across a problem which i cant seem to figure out, i use the jQuery address plugin to store history and enable deep linking, and a typical url after a click would look like this: http://mysite.com/#!/page Problem here is i need rid of the la

  • Unable to use jquery scrollto plugin - getting error "targ is undefined-" 2011-09-28

    I am using jquery 1.3.2 in my project. I selected the 1.3.x option from the scrollto download page -> http://plugins.jquery.com/node/635/release?api_version[]=1266 and tried with both the available options there - ScrollTo 1.4.2 and ScrollTo 1.4.1

  • jQuery scrollTo plugin doesn't work 2011-02-04

    I have been at this for hours now and I simply cannot figure it out. Basically, I have a long list of items that gets populated way down the page. When the user clicks on one of these items, I want to scroll the window back to the very top where the

  • Jquery scrollTo Plugin: Scroll to an anchor 2011-06-04

    I'm using the scrollTo plugin (http://flesler.blogspot.com/2007/10/jqueryscrollto.html) to scroll to a specific anchor in my page. Now I would like to be able to specify an anchor to scroll to, so I tried this: $('a[name="anchorname"]').scrollTo(); B

  • Tornado with jQuery Webcam Plugin Problem 2011-08-21

    I'm using Tornado Webserver and the jQuery Webcam Plugin. Everything is going fine except that I don't think i'm getting the raw data properly. I'm getting "FFD8FFE000104A46494600010100000100010000FFDB0084000503040404030504040405050506070C08070707070

  • jQuery easing plugin problem 2010-07-09

    I found a tutorial on the internet. To animate things with jquery. I would animate a h1 tag in the header of my website. And i would like a logo on my website in the header. I used this code for the animation. /* Slogan (h1) effect header */ $(functi

  • jQuery sortable plugin problem 2010-12-25

    I am using jQuery's sortable plugin to sort some lists. The lists I have are a lot, making the page scroll. The problem is that when I click to drag an element that is in a portion of the page that has been scrolled, the plugin seems to not be able t

  • jQuery KeyFilter Plugin Problem 2011-06-06

    Using keyfilter plugin for jQuery, and all seems to be fine apart from one problem. I am using a regular expression to filter the element. $('#nameVal').keyfilter(/[0-9a-zA-Z]/); The odd thing is, this is not only allowing alpha-numeric characters bu

  • Jquery CustomSelect Plugin problem - missing something basic 2009-08-30

    I was thinking of using this customselect plugin here: link text for one of my projects. I just want to retrieve the value of the element on an event - preferably a click event. The select box made by the plugin is basically just a jquery object. So,

  • Jquery forms plugin problem 2010-05-27

    I have the following: $(document).ready(function(){ // bind 'myForm' and provide a simple callback function $('#form').ajaxForm(function() { alert("Works!!!"); }); }); The problem is that when I dynamically add the form to the HTML the script is not

  • jQuery gMap plugin->problem with dynamically built options 2011-08-30

    Using jQuery plugin gMap from http://gmap.nurtext.de/. I can't understand why the first (commented out) call works and shows the map correctly but the second one (dynamically built) doesn't work. The second one shows a map but with no markers and zoo

Copyright (C) dskims.com, All Rights Reserved.

processed in 0.212 (s). 11 q(s)