- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hey guys,
I really need help on this:
I want to create a page that is two columns or sides (one is an image and the other is text) and I want the text to change on scroll and after some scrolling I want the image to change also.
I will appreciate the help here, thanks a lot.
something like in the following page but more elegant http://fingfx.thomsonreuters.com/gfx/rngs/MYANMAR-ROHINGYA/010051VB46G/index.html
Just check out the how to use iframes it is design by using iframes if you haven’t get it then leave a comment i will show you.
Hey Man, it will be really great if you show how to do it, thanks in advance :)
Sounds like you want to watch the scroll position of an element until it reaches a certain screen position, and then trigger an animation/reveal of another element. You can do this with JavaScript. There are various JavaScript scroll libraries available for this purpose: https://www.hongkiat.com/blog/scrolling-effects-js-libraries/
I rolled my own here http://fofwebdesign.co.uk/template/_testing/scroll-in-view/add-class-to-target-when-trigger-in-view-reduced.htm
The JS function watches the scroll position of A. When A is at the desired scroll position, a class is added to B. You can use the class that’s added to B to change its CSS (animate it, show it, hide it, make it sticky). Lots of possibilities. Here’s a version that adds a border http://fofwebdesign.co.uk/template/_testing/scroll-in-view/borders-on-scroll.htm