Show scroll bar for long surveys about jspsych HOT 2 CLOSED

Not sure what the problem is here. This is not even replicable as you don't provide the questions. Are you trying to say that your questions' text is too long? These will get wrapped up and displayed as paragraphs so the scroll bar will eventually be on the entire page. Likewise, if you have too many options in the labels of your questions, these won't expand more than the width of the parent (set to 95% by default via .jspsych-content).

If you want to create a defined box for each question of, say, height 200px and add a scroll bar to that box, that's a different story, though not only is it difficult but also not very user-friendly in my opinion.

from jspsych.

First, DO please provide a replicable code piece...

About your question, of course the scroll bar would not appear because your are setting the overflow-y on an element that does not take up any space, and you might want to set overflow-y on whatever element you want a scroll bar for. If, say, you want a vertical scroll bar on your preamble, you ought to wrap these paragraphs up with an element like div and apply overflow-y to that.

var pid5_questionaire = {
    type: jsPsychSurveyLikert,
    questions: [],
    randomize_question_order: true,
    preamble:
        "<div style='overflow-y: scroll;'><p></p>" +
        "<p><b>About yourself...</b></p>" +
        "<p>Below is a list of things different people might say about themselves. Please select the response that best describes you.</p></div>",
    require_movement: false,
    slider_width: 700,
    data: {
        screen: "questionnaire",
    },
}

I might as well give you one piece of advice: take some time to learn the basics of HTML and CSS. Trust me, you are not going to like rummaging through this kind of bugs without at least having a certain grasp of these two languages.

from jspsych.