Jump to content

starwag

Members
  • Content Count

    4
  • Joined

  • Last visited

Community Reputation

0 Neutral

About starwag

  • Rank
    Newbie
  1. starwag

    Pause ScrollTo / scrollbar effect

    I won't be able to smooth scroll this though, will I? I used the example in this as a guide how to js animate but why does my setInterval create tiny increments when this example seems to allow for it to create a smooth scroll to the bottom of the page? I know what setInterval/clearInterval is supposed to do as far as what examples I have seen, but using it to time how long it takes a page to scroll to an anchor seems like something that is "off the label" use. I'm probably wrong again. The long and short of it is: Onmousedown I was trying to scroll to the bottom of the page but to time it for a slow scroll to the bottom. Eventually, I was going to add clearInterval onmouseup to pause the scroll motion. I hadn't gotten to that last bit yet, because I'm still stuck on this part. I just don't understand why my setInterval can't time how long it takes to scroll to the bottom of the page.
  2. starwag

    Pause ScrollTo / scrollbar effect

    Okay, so I've been tinkering with this concept via different methods. This is what I have, but I have problems. function scrollDown() { setInterval(function() { window.scrollTo(0, document.body.scrollHeight); }, 2000); } the page just jumps to the bottom instead of slowly scrolling to the bottom of the page. I have rearranged the functions a few times and got pretty much the same results. Now I'm confused why nothing is working.
  3. starwag

    Pause ScrollTo / scrollbar effect

    Sorry, I wasn't clear. I'll edit the original question. I really appreciate your quick response, though. What I was wanting was to pause the ScrollTo animation onmouseup. Example: when the button is onmousedown start animation towards the anchor at bottom of the div, and onmouseup pause the animation. Basically, I am trying to make a button to replace a scrollbar, so I'm trying to achieve the same behavior, where holding down on the button begins a smooth scroll that pauses when the button is released. The onmouseup should leave the div at the y location it was before it stopped, and the user should be able to start from this position to go the other y direction, if they so choose. I don't think setTimeout/setInterval would help for this, but maybe I'm wrong. I've tried to override the bottom anchor with current y-position coordinates, using Yoffset, but that did not work out so well, which is why I'm wondering if ScrollTo animation can be paused without setting a timer. Like I said, I'm assuming I can't, but I am still learning.
  4. I've been trying to create a two button system to allow viewers to scroll up and down through a list, much like they would be able to with a scrollbar. Onmousedown should implement a scrolling animation using the list's content. I was intending to use JavaScript ScrollTo, with anchors at the top and bottoms of the div, but wondered if there is any way to make this pause onmouseup before it reaches its anchor, and then reverse from its current position, so that I could accomplish this scrollbar effect. Basically, it should act just like a scrollbar, where releasing the down button will stop the animation at its current y-position and allow the user to redirect their scroll if they choose. I suspect this is not possible with ScrollTo, but does anyone know?
×