Qualtrics Fixed Image на коде прокрутки JAVA и HTML? - PullRequest
Новая
       8

Qualtrics Fixed Image на коде прокрутки JAVA и HTML?

0 голосов
/ 06 марта 2020

Я в основном пытаюсь сделать так, чтобы изображение оставалось в верхней части страницы c, а когда пользователь прокручивает страницу вниз, чтобы ответить на вопросы, изображение остается в этом положении c. Я заставил его работать несколько, используя этот html код: 

<div class = "image">
    <img src="https://jmsbconcordia.ca1.qualtrics.com/CP/Graphic.php?IM=IM_2nqZMvzMFTZHO4Z" width="600px" height="600px"/>
</div>

<div class = "image_spacer">                                                                                          
</div>
<style>
    .image{
        background: white;
        width:100%;
        z-index: 1000;
        text-align:center;
    }
    .image.fixed{
        position: fixed;
        top:0;
        left:0;
    }
    .image_spacer{
        height: 600px; 
        visibility: hidden;
        display:none;
    }
    .image_spacer.fixed{
        display:block;
    }
</style>

и этот javascript

Qualtrics.SurveyEngine.addOnReady(function()
{
     { $$('.image').forEach(ele=>ele.addClassName('fixed'));

});

В отношении этих двух постов

Как сохранить весь элемент в Qualtrics на месте при прокрутке?

https://www.qualtrics.com/community/discussion/1622/keeping-an-image-frozen-in-place-when-scrolling-issue-with-spacer-element-in-javascript-amp-html

Изображение остается наверху, а Вопрос прокручивается правильно, единственная проблема - изображение перекрывает вопросы, поэтому первые несколько вопросов полностью скрыты за изображением. Есть ли способ сделать пространство, чтобы опустить вопросы, чтобы изображение не перекрывало их при запуске опроса?

Вот что я имею в виду https://imgur.com/x3LbCwO

Спасибо всем, кто может помочь!

...