Home/ Questions/Q 7179337
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T17:07:12+00:00

I’m trying to make a generic widget which can be used to ‘counter scroll’

  • 0

I’m trying to make a generic widget which can be used to ‘counter scroll’ overflow content onmouseover/mouse move.
enter image description here
All fine and well, I’ve knocked this up here for you to see an example:

http://jsfiddle.net/qR5ra/1/

The problem comes when trying to add ‘easing’ to the counteraction/ repositioning. NOTE: I cannot use jQuery or any other toolkit here must be real/raw JS.

I’ve tried a couple of things all produce very scrappy results. Can anyone think of a lean mean easing out solution for this?

EDIT: Ideally something that is cross browser and low overhead.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m posting this for the benefits of anyone else with the same question/problem.

    In the end, the best, simplest cross-browser solution without any jQuery nonsense was simply to run a javascript loop with a timer. here’s the fiddle:
    http://jsfiddle.net/4YeX9/1/

    the basis of the code came from a really helpful blog post here:
    http://shiriru.blogspot.com/2007/09/javascript-animation-simple-easing.html

    hope it helps someone out there.

    • 0