Known Participant

Answered

Scrolling page

Forum|Forum|5 years ago
March 12, 2021
2 replies
2075 views

Dear all,

I'm trying to create a project with several steps like a mission. And the learner as to follow step by step and, and pedagogically all the element should stay in the same page.

I know that with Articultate it is possible to create a project with the possibiliy to scroll the page, is there a what to do that with Captivate ?

Thank you,

Karim

This topic has been closed for replies.

Correct answer Stagprime2687219

While not exactly the same - you could place a little JavaScript as an onEnter action to your first slide to allow you to use the scroll wheel to advance and go backwards through your slide deck.

$(window).on("wheel",function(event) {
if (event.originalEvent.deltaY<0) {
cp.goToPreviousSlide();
}
else {
cp.goToNextSlide();
}
});

Stagprime2687219Correct answer

Legend

While not exactly the same - you could place a little JavaScript as an onEnter action to your first slide to allow you to use the scroll wheel to advance and go backwards through your slide deck.

$(window).on("wheel",function(event) {
if (event.originalEvent.deltaY<0) {
cp.goToPreviousSlide();
}
else {
cp.goToNextSlide();
}
});

curious_Coconut5EEC

Participating Frequently

This is almost exactly what I'm looking for!!! Your code worked great. Just as you described. One more question remains: how do I get the scrolling to stop on the last object state when user scrolls down and stop on the first object state when user scrolls up?

Stagprime2687219

Legend

If you are using the scroll wheel to cycle through object states.

Make yourself a variable in Captivate - in my example num you could set it equal to 1.

Then you can run a check based on the number of states that you have.

I this example - assume six states for an object called myShape

Basically as you scroll - you increase or decrease the variable and keep going until you hit 1 or 6

$(window).on("wheel",function(event) {
if (event.originalEvent.deltaY<0) {

if (num!=0) {
cp.goToPreviousState("myShape");
--num;
}

}
else {

if (num!=5) {
cp.goToNextState("myShape");
++num;
}

}
});

RodWard

Community Expert

If you are referring to the way Articulate Rise scrolls down the page with each section acting as a separate block, then the answer is no. Captivate does not work like this.

Karim MKAuthor

Known Participant

Thank you for your answer!

This is pity! It woul give more possibilities for the authoritors...

You think this is soemthing that it could be developed in the futur? or it is not compatible with the Captivate conception ?

Lilybiri

Legend

Just out of curiosity: why is scrolling in your view so essential for eLearning courses? I don't like scrolling, but apparently you do. I am sure you can find a lot of possibilities in Captivate which do not exist in Rise. As long as the tool can be used to reach the goal: efficient, engaging learning assets, I don't think specific features are the most important. If you like that scrolling, please use Rise.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded