comment obtenir un élément div à faire défiler avec la page - javascript, html

J'ai un élément div que je veux déplacer avec lepage pour quand vous le faites défiler, comme dans l'image ci-dessous. mais pour le moment, c’est juste assis dans une position fixe. Comment puis-je accomplir cela? Je sais que je dois utiliser JS. Est-ce que quelqu'un peut me diriger dans la bonne direction?

<div id="slider">


</div>

Réponses:

Il n'y a pas besoin de JS, vous devez utiliser la position fixe

div#slider {
position: fixed;
}

Vous pouvez toujours utiliser un positionnement fixe en CSS sans JavaScript.

#slider {
position: fixed;
top: 100px;
left: 0px;
}

#slider {
position : fixed;
}

Je pense que tu cherches ce type de fonctionnalité. lire la documentation complète pour savoir comment utiliser ici

<script type="text/javascript">
jQuery(document).ready(function($) (
{
$("#floatdiv").addFloating(
{
targetRight: 10,
targetTop: 10,
snap: true
});
});
</script>