Comment implémenter la fonctionnalité de la page de défilement automatique si l'élément se trouve sous la page en javascript?

Question

Je veux mettre en œuvre une fonctionnalité similaire, comme le menu Template Monster's. J'essaie de créer une liste de fonctionnalités qui glisse vers le bas lorsque l'utilisateur clique sur la fonctionnalité. Mais si le lien est en bas de la page et que l'utilisateur clique sur ce lien, la liste des fonctionnalités est affichée en dessous de la zone d'affichage et l'utilisateur ne sait pas qu'il est ouvert jusqu'à ce qu'il fasse défiler manuellement la fenêtre du navigateur.

Je souhaite incorporer une fonctionnalité qui, si la liste des fonctionnalités ne se trouve pas dans la zone visible, fait défiler automatiquement la fenêtre du navigateur pour afficher la liste complète (templatemonster.com l'a fait avec ses menus déroulants).

Quelqu'un peut-il m'aider?

Merci,

Gaurav

Answer 1

Le site que vous faites référence utilise le Prototype JavaScript framework avec Scriptaculous pour ses effets visuels. Ces bibliothèques rendent ce type de tâche beaucoup plus facile car il y a des contrôles intégrés pour atteindre, plus ou moins, exactement ce que vous voulez.

Si vous voulez que quelque chose glisse vers le bas lorsqu'un utilisateur clique dessus; vous devriez penser à l'événement cliquez et effetglisser vers le bas Vérifiez la demo in the manual pour cela.

Le deuxième aspect du défilement peut également être réalisé en utilisant ces bibliothèques. Encore une fois, vérifiez le demo in the manual pour cela aussi. Essentiellement, vous devez utiliser une balise d'ancrage pour marquer le point sur la page où la fonctionnalité existe, puis utilisez le pour parcourireffet pour vous amener à cette poision sur la page.

Espérons que cela vous met sur la bonne voie.