Hogyan lehet függőleges görgetősávokat létrehozni a „window.open()” segítségével a JavaScriptben?

Hogyan Lehet Fuggoleges Gorgetosavokat Letrehozni A Window Open Segitsegevel A Javascriptben



A 'window.open()' A JavaScript módszer lehetővé teszi a fejlesztők számára, hogy egy másik ablakra hivatkozzanak a weboldalukon belül. Ez az ablak akkor jelenik meg, ha a felhasználó egy meghatározott műveletet hajt végre.

Röviden, a fő funkciója a 'window.open()' A módszer az, hogy új ablakot nyit meg a fő weboldal felett anélkül, hogy megzavarná a fő weboldal felületét. Egyes esetekben az új ablak sikeresen megnyílik, de a görgetősáv egyáltalán nem jelenik meg, ami rossz benyomást kelt a felhasználókban.







Ez a gyors útmutató egy függőleges görgetősáv létrehozásának folyamatát részletezi a JavaScript ablak.open() metódusával.



Hogyan hozzunk létre függőleges görgetősávokat a „window.open()” segítségével a JavaScriptben?

A 'window.open()' A metódus alapértelmezés szerint egy függőleges görgetősávot ad hozzá az új weboldal tartalmának hosszától és a megnyitott ablak méretétől függően. Ha a weboldal tartalma nagyobb, mint az ablak mérete, akkor a görgetősáv alapértelmezés szerint CSS-tulajdonságok alkalmazása nélkül kerül hozzáadásra. Ha azonban a fejlesztő egyéni görgetősávot szeretne hozzáadni, akkor kövesse az alábbi példákban leírt módszereket.



Szintaxis





A szintaxis a 'window.open()' a módszert az alábbiakban ismertetjük:

ablak. nyisd ki ( pálya , rendeltetési hely , winFeat )

Itt, 'pálya' az új ablakban megnyíló weboldal elérési útja. A 'rendeltetési hely' az új ablak megjelenésének helye, beállítható 'üres' , 'szülő' , 'maga' vagy „felső”. A harmadik paraméter a „winFeat” vagy ablakjellemzők, amely különféle értékeket kínál, amelyek az ablak testreszabásának igénye szerint állíthatók be.



Nézzünk néhány példát függőleges görgetősáv létrehozására az újonnan megnyíló ablakban a segítségével 'window.open()' módszer.

Példa: A „görgetősávok” ablakfunkció használata a „window.open()” metódussal

Ebben az esetben a 'window.open()' módszere mentén alkalmazzák 'görgetősávok' Ablakfunkciók az újonnan megnyitott ablak függőleges görgetősávjának beállításához, az alábbiak szerint:

< fej >
< script típus = 'text/javascript' >
funkció setScroll ( ) {
volt newWin = ablak. nyisd ki ( 'https://linuxhint.com' , 'felül' , 'width=500,height=500,scrollbars=yes' ) ;
}
forgatókönyv >
fej >
< test >
< p > Nyomja meg az alábbi gombot a Linuxhint Blog megnyitásához a bemeneten - képernyő ablak. p > Kattints ide gomb >
test >

A fenti kód magyarázata:

  • Először is a 'setScroll()' függvény belül van definiálva '


    Nyomja meg az alábbi gombot a Linuxhint Blog megnyitásához a képernyőn megjelenő ablakban.

    Kattintson rám

    A fenti kód leírása:

    • Először hozzon létre a 'setScroll()' funkciót, belül pedig a 'window.open()' módszer ugyanaz, mint a fenti példában.
    • Ezenkívül adjon hozzá egy extra ablak funkciót 'átméretezhető' és módosítsa az értékét 'görgetősávok' funkciókat '1' a függőleges görgetősáv beállításához.

    Most nyissa meg annak a weboldalnak a CSS-fájlját, amelynek hivatkozása az első paraméterként szerepel 'window.open()' módszer. Esetünkben a weboldal neve 'linuxint' tehát nyissa meg a CSS-fájlt, és helyezze be a következő kódot:

    < stílus >
    html {
    túlcsordulás - x : rejtett ;
    túlcsordulás - és : auto ;
    }
    stílus >

    A fenti CSS-tulajdonságok 'túlcsordulás-x' és 'túlcsordulás-y' a vízszintes görgetősáv elrejtése és a függőleges görgetősáv beállítása a teljes HTML-oldalra az ablak hosszának megfelelően.

    A fenti kódrészletek mindkét fájlba történő beillesztése és fordítása után a kimenet így néz ki:

    A kimenet azt mutatja, hogy a „window.open()” metódussal megnyitott ablakhoz egy függőleges görgetősáv került.

    Következtetés

    Függőleges görgetősávok létrehozásához a 'window.open()' módszer, a 'görgetősávok' Az ablak által biztosított funkció beállítható 'Igen' vagy '1' . Egy másik módja annak a weboldalnak a CSS- vagy HTML-fájljának megnyitása, amelynek hivatkozása a „window.open()” metódus első paramétereként van átadva, és ott használja a CSS-t. 'túlcsordulás-x' és 'túlcsordulás-y' tulajdonságait. Ez a blog bemutatja, hogyan adhat hozzá függőleges görgetősávot a JavaScript ablak.open() metódusával.