πŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

stickymenu.js is a lightweight jQuery plugin that gives you the ability to make any element always stay visible when scrolling down the webpage.

sticky-navigation

Documentation

jQuery Sticky Menu Plugin

GitHub version

Для Ρ‡Π΅Π³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½?

  • Плагин постоянно ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π½Π° экранС ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ мСню, Π΅Π³ΠΎ ΠΈΠ½Π°Ρ‡Π΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ "Π›ΠΈΠΏΠΊΠΈΠΌ мСню".

jQuery Sticky Menu Plugin

Dependencies

  • jQuery - нСобходимая Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° для Ρ€Π°Π±ΠΎΡ‚Ρ‹ модуля

Bower installation

$> bower install jquery-stickymenu --save 

ΠŸΡ€ΠΎΠΈΡΡ…ΠΎΠ΄ΠΈΡ‚ установка ΠΏΠ»Π°Π³ΠΈΠ½Π°. Π’ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ ΠΏΠ°ΠΊΠ΅Ρ‚Π΅ Π΅ΡΡ‚ΡŒ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡ‚ΡŒ jQuery. Если jQuery Π½Π΅ Π±Ρ‹Π»ΠΈ установлСны Ρ‡Π΅Ρ€Π΅Π· bower, ΠΎΠ½ установится вмСстС с ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ ScrollToTop.

Как ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½

ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Ρ„Π°ΠΉΠ»Ρ‹ Π² HTML ΠΏΡ€ΠΎΠ΅ΠΊΡ‚:

// jQuery common library <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>  // Sticky Menu Plugin <script src="url-to-module/jquery-stickymenu/dist/jquery.stickymenu.min.js"></script>

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½

НСобходимо Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ HTML ΠΊΠΎΠ΄ Π½Π° страницС:

<div style="position: relative;">     <div id="stickymenu">         ...     </div> </div>

ОписаниС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ²

$.stickymenu({params}); 

Π’ΠΈΠΏ входящих Π΄Π°Π½Π½Ρ‹Ρ…: JSON:

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ОписаниС По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ
object_id ID ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ мСню stickymenu
standoff ΠžΡ‚ΡΡ‚ΡƒΠΏ ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ мСню ΠΎΡ‚ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ экрана 0
standoff_object_id ΠžΡ‚ΡΡ‚ΡƒΠΏ ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ мСню ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΆΠ΅ ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅Π³ΠΎ мСню d

You May Also Like