Results 1 to 4 of 4

Thread: Help with Javascript scroller

  1. #1
    Join Date
    Apr 2012
    Posts
    63
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Help with Javascript scroller

    Hey guys,

    I hope I'm posting at the right forums
    but I have a website online at the moment and I'm facing some difficulties with the Javascript scroller I have on my content div.
    I'm using Jscroller for it and I thought I had implemented everything right, but as of now I'm facing problems where, as I put new content inside of that div, it wont scroll till the end of the content anymore. It just sticks somewhere halfway down the page and the rest is unable to get to.

    This is an example of a page where I'm facing the problem: http://www.yuhuangshangdis.nl/YuHuan...weetwaalf.html

    This is the .js for the scroller, the problem should be somewhere in there but I'm really struggling with javascript...
    jScrollPane.js

    can anyone figure out what I should do to make it scroll anytime...regardless of howmuch content I place inside the div?

    Thanks

    P.S. If you guys need anything more to help me out, I'll be glad to upload it

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,933
    Thanks
    16
    Thanked 303 Times in 302 Posts
    Blog Entries
    9

    Default

    Can you post a link to the jscroller script's website please - the source website with demo and installation instructions so we have a comparison.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,920
    Thanks
    43
    Thanked 3,187 Times in 3,151 Posts
    Blog Entries
    12

    Default

    How are you putting new content in there? It could just be that this:

    Code:
    <script>
    $(function()
    {
    	$('#contentinside').jScrollPane();
    });
    
    </script>
    is happening too soon for some browsers. Change it to:

    Code:
    <script>
    $(window).load(function(){$('#contentinside').jScrollPane();});
    </script>
    The browser cache may need to be cleared and/or the page refreshed to see changes.
    Last edited by jscheuer1; 07-05-2013 at 05:05 PM. Reason: ask question
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. The Following User Says Thank You to jscheuer1 For This Useful Post:

    kimikai (07-05-2013)

  5. #4
    Join Date
    Apr 2012
    Posts
    63
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    to get back at your question on how I add new content, I just put new content in the div #contentinside that has an overflow:hidden to it...
    buuuut I changed the code from what I had to what you gave as an option and it works like a charm
    sooo thanks alot!
    I guess you were right about it just happening too soon for the browsers and therefor it wasnt loading the way it was supposed to

Similar Threads

  1. how to Pause Scroller javascript on mouse over
    By inderjeetsinghsethi in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 06-03-2012, 01:24 PM
  2. Javascript Infinate scroller
    By cimm.mann in forum JavaScript
    Replies: 2
    Last Post: 05-19-2011, 10:10 AM
  3. Javascript News Scroller Help :-(
    By kallo1982 in forum JavaScript
    Replies: 4
    Last Post: 09-13-2009, 03:26 PM
  4. Javascript issue in scroller
    By iamwonton in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 12-04-2006, 06:24 PM
  5. Manual Scroller killing my other Javascript!
    By djobrien in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 09-15-2005, 04:39 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •