Comment donner un focus div défilant sur pageload avec JS/jQuery?

Question

Voir cette page: http://ryan.rawswift.com/sandbox/fixed-bottom-bar/

Lorsque vous chargez cette page, et essayez de frapper la barre d'espace, page vers le haut/bas ou utilisez la molette de défilement de votre souris, il ne marche pas du tout rouleau. C'est parce que la page est enveloppée dans un "viewport" secondaire afin de placer la barre facebook dans le bas de la page.

Lorsque vous cliquez n'importe où sur la page, vous donnez le focus div, et les touches/molette de la souris fonctionnent correctement.

Est-il possible de définir cette mise au point à l'aide de JavaScript ou de jQuery afin de faire fonctionner les touches/molette de la souris?

Cheers, Ole Marius

Answer 1

Avez-vous envisagé le positionnement de la barre fixe et se débarrasser de votre fenêtre supplémentaire?

#facebookbar { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    width: 96%; 
    padding: .6em 2%; 
} 

Vous auriez besoin l'élément de document pour remplir la fenêtre, bien sûr:

html, body { 
    height: 100%; 
} 

L'utilisation d'un div supplémentaire semble plus comme un hack, et changer le comportement standard est jamais une bonne idée.

Il y a beaucoup de choses à considérer et à tester (en faisant défiler avec la molette de la souris, le clavier, le toucher, ce que vous avez) que vous n'auriez pas si vous mainteniez la norme.