Skip to main content
Karim MK
Karim MK
Known Participant
March 12, 2021
Answered

Scrolling page

  • 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();
}
});

    2 replies

    Stagprime2687219
    Stagprime2687219Correct answer
    Legend
    March 12, 2021

    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
      curious_Coconut5EEC
      Participating Frequently
      May 14, 2021

      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
      Stagprime2687219
      Legend
      August 4, 2021

      So lately, I tried to get creative and tweak your solution to scroll through a set number of slides. So instead of cycling through object states, it advances to the next or previous slide. This worked until I scrolled to the "bottom" and then back to the "top" slide. Then, for whatever reason, num started incrementing and decrementing by 2 instead of 1 when scrolling back down. How does the scroll wheel event listener know whether the user is scrolling up or down and thereby trigger the increment or decrement num? Here's the code I used for reference. Instead of num, reviewslidesnum is used:

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


if (reviewscreensnum!=1) {
cp.goToPreviousSlide();
--reviewscreensnum;
}


}
else {

if (reviewscreensnum!=5) {
cp.goToNextSlide();
++reviewscreensnum;
}

}
});

       


      The main difference is that in the example you used, we were looking at tracking the first and last object state so that the images did not cycle around but instead would stop and force the user to scroll the other way. This was also taking place on a single slide

       

      The slides in your project do not cycle around so there is no need to use the variable. Just go to the next and previous slides. Check out the code I left earlier in this thread for the cycle through slides. That should take care of you.

       

      Since the code was placed  onEnter for the first slide, when you went back to the slide, the code was executed again so you had two instances running on top of each other which made the ++variable and --variable double up on themselves.

      RodWard
      Community Expert
      RodWardCommunity Expert
      Community Expert
      March 12, 2021

      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 MK
      Karim MKAuthor
      Known Participant
      March 12, 2021

      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
      Lilybiri
      Legend
      March 12, 2021

      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.  

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices