Προγραμματισμός

Γνώση Υπολογιστών >> Προγραμματισμός >  >> JavaScript Προγραμματισμός

Πώς να Απόκρυψη κύλισης Με JavaScript

προγράμματα περιήγησης στο Web αντιδρούν διαφορετικά σε διαφορετικές ρυθμίσεις του προγράμματος περιήγησης , λόγω του τρόπου οι προδιαγραφές του προγράμματος περιήγησης έχουν ερμηνεύεται ή να εφαρμόζεται . Μπορείτε να αποκρύψετε κύλισης χρησιμοποιώντας JavaScript , αλλά υπάρχουν διαφορετικές ρυθμίσεις για να αλλάξει ανάλογα με το αν το πρόγραμμα περιήγησης του χρήστη είναι ο Internet Explorer ή κάτι άλλο εκτός από IE . Για IE , μπορείτε να αποκρύψετε κύλισης αλλάζοντας το " κύλισης " χαρακτηριστικό του σώματος του εγγράφου . Σε άλλα προγράμματα περιήγησης , μπορείτε να αποκρύψετε κύλισης αλλάζοντας την "υπερχείλιση " χαρακτηριστικό στυλ . Οδηγίες
Η

1 Δημιουργήστε ένα νέο αρχείο HTML χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας ή το Notepad . Εισάγετε ένα σκελετό HTML για το αρχείο . Για παράδειγμα, πληκτρολογήστε :

< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd ">



< p >

Απόκρυψη Φτηνές 2 <p> Δημιουργήστε μια λειτουργία JavaScript και τοποθετήστε το μεταξύ των "επικεφαλής " ετικέτες στο έγγραφο HTML . Ορίστε η υπερχείλιση στυλ του εγγράφου αποδίδει σε « κρυφές » για μη - IE browsers και να ρυθμίσετε το χαρακτηριστικό κύλισης του σώματος του εγγράφου στο «όχι» για τον Microsoft Internet Explorer . Για παράδειγμα, πληκτρολογήστε : <br> <p> <script type="text/javascript"> <br> <p> hideScrollBars λειτουργία () { <br> <p> document.documentElement.style.overflowX = " κρυμμένο " ? <br> <p> document.documentElement.style.overflowY = " κρυμμένο " ? <br> <p> document.body.scroll = " όχι " ? //Internet Explorer <br> <p> } <br> <p> < /script > <br> <p> < /head> εικόνων <br> 3 <p> Δημιουργήστε μια φόρμα με ένα κουμπί που θα κρύψει τις ράβδους κύλισης . Όταν ένας χρήστης κάνει κλικ στο κουμπί , καλείτε τη λειτουργία JavaScript που κρύβει τις ράβδους κύλισης . Για παράδειγμα, πληκτρολογήστε : <br> <p> <body> <br> <p> <form name="myForm"> < input type = " κουμπί" name = " κουμπί" value = " Απόκρυψη " onclick = " hideScrollBars ( ) " /> < /form > <br> <p> < /body> <br> <p> < /html > <br> <br> Η < br > <div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/javascript-programming/91019.html' >Πώς να στείλετε μια λειτουργία JavaScript σε μια υπερ-σύνδεση </a> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/91021.html' >Πώς να Μετακινηθείτε προς τα κάτω σε JavaScript </a> </ul> </div> </div> <div class="woqinimaderwr24"> <div class="dibud23"> <div class="biaotidas51"> <div class="biaotidas511"><h3>Συναφής σύστασή</h3></div> <div class="butudasda"></div> </div> </div> <div class="dibud24"> <div class="dibud241"> <ul class="dsa31das"> <li><a href="http://www.221021.com/Programming/javascript-programming/91186.html" target="_blank">Πώς να ενεργοποιήσετε το πλήκτρο Enter Φροντιστήριο στην Javascript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91199.html" target="_blank">Πώς να αποκτήσετε δωρεάν Δρομέας Effects </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90832.html" target="_blank">Πώς να μετατρέψετε ColdFusion αντικείμενα προς JSON </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91026.html" target="_blank">Πώς να τρέξει το JavaScript σε ιστοσελίδα </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91152.html" target="_blank">Πώς να κάνει ένα ημερολόγιο Java Script για μια ιστοσελίδα </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="http://www.221021.com/Programming/javascript-programming/90843.html" target="_blank">Πώς να κάνω μια Χρήστη Script στο GreaseMonkey </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90830.html" target="_blank">Πώς να Προσθήκη Analytics για LightBox </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91270.html" target="_blank">Τι σημαίνει JavaScript Do </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91049.html" target="_blank">Πώς να αλλάξετε το πεδίο φόρμας αξία με JavaScript </a></li> </ul> </div> </div> </div> <div class="dibudaohnagdsaw"> <div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div> </div> </div> </body> </html>