Depuis JavaScript côté client de la langue qui s'exécute sur le navigateur commun, il peut être utilisé pour afficher des pages web interactives. JavaScript peut être utilisé pour le contrôle de la fenêtre de la barre de défilement caractéristiques d'une page web. En fait, il est possible de créer une fenêtre pop-up qui n'a pas de barres de défilement à l'aide de JavaScript. Pour le JavaScript pour offrir ce niveau d'interactivité toutefois, elle doit être liée à la fois des fichiers CSS et JavaScript.
Depuis le JavaScript côté client de la langue qui s'exécute sur le navigateur commun, il peut être utilisé pour afficher des pages web interactives. JavaScript peut être utilisé pour le contrôle de la fenêtre de la barre de défilement caractéristiques d'une page web. En fait, il est possible de créer une fenêtre pop-up qui n'a pas de barres de défilement à l'aide de JavaScript. Pour le JavaScript pour offrir ce niveau d'interactivité toutefois, elle doit être liée à la fois des fichiers CSS et JavaScript.
- Ouvrez votre éditeur HTML de l'application et de déclarer 2 divs dans le document appelé 'barre de défilement' et \'Défilement.' Les Divs sont des balises qui définissent des divisions logiques sur des pages web à l'intérieur d'un contenu de page web et peuvent être ajoutés de la même façon que les tableaux et les cellules du tableau sont ajoutés. Les éléments de la première barre de défilement sur la page HTML doit ressembler à ceci:
le Contrôle de Barres de défilement avec JavaScript......
Place le contenu de la page web dans les 2 divs. - Déclarer les fichiers CSS et JavaScript dans le header de la page HTML comme suit:
......
Place les éléments de la deuxième et les autres barres de défilement sur la page HTML comme suit:
...... - Créer le 'Scroll.js fichier et copier le code suivant dans le fichier:
/ nombre de défilement des objets et /ou de document.N = 0GO
var isOpera = (fenêtre.navigator.userAgent.indexOf (\Opera\') > -1)ALLER
fonction de ScrollLoad (Zone de Contenu, SettingTracSize){
var code = \'var scroller\' document.Pas de \' = new dw_scrollObj (Région, le Contenu, le Contenu, la Région, le document.N) \'
if (SettingTracSize)code = \'scroller\' document.Pas de \'.setBarSize() \'
eval (le code)
makeMouseWheeleScrolling ()
document.Pas de
}
/ /var mouseWheelTimer = 0GO
fonction de makeMouseWheeleScrolling(objName){
var obj = document.getElementById(objName)
if (obj.la méthode addEventListener){obj.la méthode addEventListener(\'DOMMouseScroll\', volant, false)
}obj.onmousewheel = roue
}
fonction de moveUp(parent){
dw_scrollObj.initScroll(parent.id, \'\')
clearInterval(mouseWheelTimer)
mouseWheelTimer = setTimeout(\'mouseStop('\' parent.id \'') \', 200)
}
fonction de moveDown(parent){
dw_scrollObj.initScroll(parent.id, \'en bas\')
clearInterval(mouseWheelTimer)
mouseWheelTimer = setTimeout(\'mouseStop('\' parent.id \'') \', 200)
}
fonction de mouseStop(parentId){
dw_scrollObj.stopScroll(parentId)
mouseWheelTimer = 0
}
/ molette de la souris fonctions de défilement sur la molette de la souris efect sur l'objet avec mon js barre de défilement /fonction de la poignée(delta, parent){
var s = delta \': \'
if (delta < 0){
& #9 & #9 si (isOpera) & #9 moveUp(parent) & #9 & #9 & #9 & #9 d'autre & #9 moveDown(parent)ALLER
}else{
& #9 & #9 si (isOpera) & #9 moveDown(parent)ALLER & #9 & #9 else & #9 & #9 & #9 moveUp(parent)ALLER
}
}
fonction de la roue(événement){
var delta = 0
if (!cas) cas = fenêtre.événement
if (event.wheelDelta){delta = event.wheelDelta/120 si (fenêtre.opera) delta = delta
}else if (event.détail){delta = -événement.détail/3
}if (delta)de la poignée(delta, c')
}/ / - assurez-vous que tous vos fichiers sont enregistrés dans le même dossier et exécutez le code HTML de la page de test.
Conseils & Avertissements
- Plus de fonctionnalités peuvent être ajoutées comme le montre le Gondo Web, Concepteurs de site web (voir Ressources).
Comment Controler les Barres de defilement Avec Javascript
Depuis JavaScript cote client de la langue qui s'execute sur le navigateur commun, il peut etre utilise pour afficher des pages web interactives. JavaScript peut etre utilise pour le controle de la fenetre de la barre de defilement caracteristiques d'une page web. En fait, il est possible de creer une fenetre pop-up qui n'a pas de barres de defilement a l'aide de JavaScript. Pour le JavaScript pour offrir ce niveau d'interactivite toutefois, elle doit etre liee a la fois des fichiers CSS et JavaScript.
Depuis le JavaScript cote client de la langue qui s'execute sur le navigateur commun, il peut etre utilise pour afficher des pages web interactives. JavaScript peut etre utilise pour le controle de la fenetre de la barre de defilement caracteristiques d'une page web. En fait, il est possible de creer une fenetre pop-up qui n'a pas de barres de defilement a l'aide de JavaScript. Pour le JavaScript pour offrir ce niveau d'interactivite toutefois, elle doit etre liee a la fois des fichiers CSS et JavaScript.
- Ouvrez votre editeur HTML de l'application et de declarer 2 divs dans le document appele 'barre de defilement' et \'Defilement.' Les Divs sont des balises qui definissent des divisions logiques sur des pages web a l'interieur d'un contenu de page web et peuvent etre ajoutes de la meme façon que les tableaux et les cellules du tableau sont ajoutes. Les elements de la premiere barre de defilement sur la page HTML doit ressembler a ceci:
le Controle de Barres de defilement avec JavaScript......
Place le contenu de la page web dans les 2 divs. - Declarer les fichiers CSS et JavaScript dans le header de la page HTML comme suit:
......
Place les elements de la deuxieme et les autres barres de defilement sur la page HTML comme suit:
...... - Creer le 'Scroll.js fichier et copier le code suivant dans le fichier:
/ nombre de defilement des objets et /ou de document.N = 0GO
var isOpera = (fenetre.navigator.userAgent.indexOf (\Opera\') > -1)ALLER
fonction de ScrollLoad (Zone de Contenu, SettingTracSize){
var code = \'var scroller\' document.Pas de \' = new dw_scrollObj (Region, le Contenu, le Contenu, la Region, le document.N) \'
if (SettingTracSize)code = \'scroller\' document.Pas de \'.setBarSize() \'
eval (le code)
makeMouseWheeleScrolling ()
document.Pas de
}
/ /var mouseWheelTimer = 0GO
fonction de makeMouseWheeleScrolling(objName){
var obj = document.getElementById(objName)
if (obj.la methode addEventListener){obj.la methode addEventListener(\'DOMMouseScroll\', volant, false)
}obj.onmousewheel = roue
}
fonction de moveUp(parent){
dw_scrollObj.initScroll(parent.id, \'\')
clearInterval(mouseWheelTimer)
mouseWheelTimer = setTimeout(\'mouseStop('\' parent.id \'') \', 200)
}
fonction de moveDown(parent){
dw_scrollObj.initScroll(parent.id, \'en bas\')
clearInterval(mouseWheelTimer)
mouseWheelTimer = setTimeout(\'mouseStop('\' parent.id \'') \', 200)
}
fonction de mouseStop(parentId){
dw_scrollObj.stopScroll(parentId)
mouseWheelTimer = 0
}
/ molette de la souris fonctions de defilement sur la molette de la souris efect sur l'objet avec mon js barre de defilement /fonction de la poignee(delta, parent){
var s = delta \': \'
if (delta < 0){
& #9 & #9 si (isOpera) & #9 moveUp(parent) & #9 & #9 & #9 & #9 d'autre & #9 moveDown(parent)ALLER
}else{
& #9 & #9 si (isOpera) & #9 moveDown(parent)ALLER & #9 & #9 else & #9 & #9 & #9 moveUp(parent)ALLER
}
}
fonction de la roue(evenement){
var delta = 0
if (!cas) cas = fenetre.evenement
if (event.wheelDelta){delta = event.wheelDelta/120 si (fenetre.opera) delta = delta
}else if (event.detail){delta = -evenement.detail/3
}if (delta)de la poignee(delta, c')
}/ / - assurez-vous que tous vos fichiers sont enregistres dans le meme dossier et executez le code HTML de la page de test.
Conseils & Avertissements
- Plus de fonctionnalites peuvent etre ajoutees comme le montre le Gondo Web, Concepteurs de site web (voir Ressources).
Comment Contrôler les Barres de défilement Avec Javascript
By commentfaire
Depuis JavaScript côté client de la langue qui s'exécute sur le navigateur commun, il peut être utilisé pour afficher des pages web interactives. JavaScript peut être utilisé pour le contrôle de la fenêtre de la barre de défilement caractéristiques d'une page web. En fait, il est possible de créer une fenêtre pop-up qui n'a pas de barres de défilement à l'aide de JavaScript. Pour le JavaScript pour offrir ce niveau d'interactivité toutefois, elle doit être liée à la fois des fichiers CSS et JavaScript.