Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Pohled: 14553|Odpověď: 1

[Angular] Opravené řešení chyby Sticky-Kit v menu/hlavním pluginu v Angularu

[Kopírovat odkaz]
Zveřejněno 18.10.2018 16:14:55 | | | |
Pokud potřebujete udržet určité prvky viditelné při procházení stránky, Sticky-Kit je dobrá volba.

Jedná se o open-source plugin pro jQuery, který vám může pomoci rychle generovat fixní efekty stránky pro prvky stránky. Často při vývoji navigační lišty potřebujete takovou funkci.

Klíčové vlastnosti:
Podpora pevného zobrazení více prvků
Podporuje umístění zobrazení prvku a jeho viewportu
Je velmi jednoduchý na používání a knihovna tříd je velmi malá

Oficiální webové stránky:http://leafo.net/sticky-kit/
GitHub:https://github.com/leafo/sticky-kit

Jednoduché použití:

Můj kodex:



Není pevně připevněný nahoře, šablonu, kterou používám, lze upevnit i nahoře, nejdřív jsem si myslel, že se mýlím, hledal jsem dlouho a našel jsem jistick_in_parent výchozí je nejbližší rodič lepivého prvku

Vidím, že můj nadřazený prvek je app-topbar (automaticky generovaný tag z Angularu), ale nadřazeným prvkem šablony je div #main-wrapper

Modifikace je tedy následující:



Hotovo!





Předchozí:Projekt Angular6 používá scss
Další:metoda insertBefore a jak implementovat metodu insertAfter
Zveřejněno 18.10.2018 21:44:45 |
Dlouho jsem to zkoumal a konečně jsem to našel, děkuji
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.

Mail To:help@itsvse.com