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

Πώς να Ενεργοποίηση & Απενεργοποίηση κύλισης με JavaScript

κύλισης σε μια ιστοσελίδα μπορεί να σας επιτρέψει να αποθηκεύσετε οθόνη ακινήτων , επιτρέποντας στους αναγνώστες σας για να μετακινηθείτε μέσα σε ένα

ή παρόμοιο στοιχείο . Μερικές φορές , όμως , αυτές οι μπάρες κύλισης μπορεί να είναι αντιαισθητική και όχι χρήσιμη. Για να δώσει στους αναγνώστες σας την επιλογή , προσθέστε ένα κουμπί που εναλλάσσει μεταξύ ενεργοποίησης και απενεργοποίησης των κύλισης με ένα κλικ . Οδηγίες
Η

1 Ανοίξτε την ιστοσελίδα σε ένα πρόγραμμα επεξεργασίας HTML ή ένα πρόγραμμα επεξεργασίας κειμένου όπως το Σημειωματάριο ( Microsoft Windows) , TextEdit (Apple OSX ) ή pico ( * nix συστήματα ) . 2

Εντοπίστε την κεφαλίδα του εγγράφου , το οποίο αρχίζει με ένα " " ετικέτα και τελειώνει με ένα κλείσιμο » " ετικέτα . Στη γραμμή μετά το " " tag , προσθέστε μια απλή λειτουργία JavaScript για να ενεργοποιήσετε και να απενεργοποιήσετε κύλισης :

εικόνων
3

Εντοπίστε το στοιχείο ( όπως ένα "

" ή μια μορφή "

») και σημειώστε "id του , " ορίζεται από την ιδιότητα" id = " στην ετικέτα . Εάν το στοιχείο δεν έχει id ήδη , προσθέστε ένα , βεβαιωθείτε ότι είναι μοναδική και δεν μοιράζονται με οποιαδήποτε άλλα στοιχεία της σελίδας . <br> Η 4 <p> Προσθέστε μια νέα γραμμή μετά την ετικέτα κλεισίματος του στοιχείου με ένα div παραπέμπει στο " toggleScrollbar ( ) " λειτουργία σε " onclick = " χαρακτηριστικό : <br> <p> <div onclick="toggleScrollbar('container')" style="border: 1px στερεών #000000;"> ? . Εναλλαγή κύλισης </div > <br> <p> «εμπορευματοκιβώτιο» Αλλαγή στο id του στοιχείου με τις κύλισης που θέλετε να αποκρύψετε <br> 5 <p> Αποθηκεύστε και κλείστε το έγγραφο HTML πριν από το άνοιγμα σε ένα πρόγραμμα περιήγησης στο web . Κάντε κλικ στο "Αλλαγή κύλισης " για να επιβεβαιώσει ότι η γραμμή κύλισης γίνεται με ακρίβεια κρύβεται και φαίνεται . <br> Η <br> εικόνων
           <div class="grad2"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="3654974717" 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='/Programming/javascript-programming/90969.html' >Πώς να Απόκρυψη Πολλαπλά στοιχεία σε Javascript </a></li>
              <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='/Programming/javascript-programming/90971.html'  >Πώς να δημιουργήσετε ένα Αναβοσβήνει σύνορα στο DIV </a></li>
            </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">

<h3><a href="/Programming/javascript-programming/90783.html" target="_blank">Κωδικός beautifiers για JavaScript </a></h3>
                     <p><a href="/Programming/javascript-programming/90783.html" target="_blank">JavaScript δεν απαιτεί καμία ιδιαίτερη μορφοποίηση κώδικα εκτός από το συντακτικό της γλώσσας . Μπορείτε να γράψετε ένα ολόκληρο πρόγραμμα JavaScript σε μια ενιαία γραμμή χωρίς επιπλέον κενά διαστήματα ή χαρακτήρες νέας γραμμής και να έχει το script να εκτελέσει σωστά. Ωστόσο , για κάποιον άλλον να καταλάβει τον κωδικό σας , ή για να καταλάβετε τον κώδικα κάποιου άλλου , είναι χρήσιμο να έχουμε ένα σωστά μορφοποιημένο λίστα . Η σωστή μορφοποίηση περιλαμβάνει εσοχή του κώδικα μέσα αντικείμενα και</a></p>
	       
                  <div class="feggexiandsada"></div>
                  <ul class="dsa31das">

<li><a href="/Programming/javascript-programming/91048.html" target="_blank">Πώς να Ενεργοποίηση & Απενεργοποίηση πλαίσια κειμένου σε Javascript </a></li>

<li><a href="/Programming/javascript-programming/91228.html" target="_blank">Πώς να μετατρέψει Javascript UTC Ημερομηνία Ανατολική ώρα </a></li>

<li><a href="/Programming/javascript-programming/91152.html" target="_blank">Πώς να κάνει ένα ημερολόγιο Java Script για μια ιστοσελίδα </a></li>

<li><a href="/Programming/javascript-programming/91015.html" target="_blank">Πώς να χρησιμοποιήσετε τα δύο SRC και Inline σε JavaScript </a></li>

<li><a href="/Programming/javascript-programming/91072.html" target="_blank">Πώς να ρυθμίσετε το πλάτος και ύψος του iFrame </a></li>

</ul>
               </div>
               <div class="dibud242">
                 <div class="biaotidasoidasf3h4">
                   <h4>Τελευταία άρθρα</h4>
                   <div class="nibushihenzaiyi"></div>
	      </div>
                  <ul class="thydghaodennrend">

<li><a href="/Programming/python-programming/93724.html" target="_blank">Πώς να τρέξει μια Python Script Από Prompt </a></li>

<li><a href="/Programming/computer-programming-languages/86796.html" target="_blank">Πώς να αποτρέψει μια μπάρα πλοήγησης Από Ώθηση κάτω από ένα subview </a></li>

<li><a href="/Programming/visual-basics-programming/96015.html" target="_blank">Τι είναι μονοδιάστατο Font </a></li>

<li><a href="/Programming/php-mysql-programming/92128.html" target="_blank">Πώς να Τοποθετήστε και να αποκωδικοποιήσει τις διευθύνσεις URL με την PHP </a></li>

<li><a href="/Programming/computer-programming-languages/86544.html" target="_blank">Πώς να ελέγξετε αν ένα σχήμα Υπάρχει σε MATLAB </a></li>

<li><a href="/Programming/php-mysql-programming/91680.html" target="_blank">Πώς να : MySQL Query σε CSV Email </a></li>

<li><a href="/Programming/php-mysql-programming/91763.html" target="_blank">Πώς να γράψετε PHP Stream Βίντεο Κεφαλιά </a></li>

<li><a href="/Programming/visual-basics-programming/96098.html" target="_blank">Πώς να επιλέξετε Records σε μια έκθεση δεδομένων σε Visual Basic 6.0 </a></li>

</ul>
               </div>
               <div class="dibud243">
                  <div class="tibiaodsafda"><h4>JavaScript Προγραμματισμός</h4></div>
                  <ul class="beitonggu">

<li><a href="http://www.221021.com/Software/antivirus-software/" >Λογισμικό προστασίας από ιούς</a></li>

<li><a href="http://www.221021.com/Hardware/notebook-computers/" >Φορητοί υπολογιστές</a></li>

<li><a href="http://www.221021.com/Software/engineering-software/" >Τεχνολογία Λογισμικού</a></li>

<li><a href="http://www.221021.com/Networking/Routers/" >routers</a></li>

<li><a href="http://www.221021.com/Hardware/sound-cards/" >Κάρτες ήχου</a></li>

<li><a href="http://www.221021.com/Troubleshooting/laptop-support/" >laptop Υποστήριξη</a></li>

<li><a href="http://www.221021.com/Networking/wireless-routers/" >Wireless Routers</a></li>

<li><a href="http://www.221021.com/Software/skype/" >Skype</a></li>

<li><a href="http://www.221021.com/Software/home-recording-software/" >Λογισμικό εγχώριας καταγραφής</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>