Paano Gumawa ng Vertical Scrollbars na may 'window.open()' sa JavaScript?

Paano Gumawa Ng Vertical Scrollbars Na May Window Open Sa Javascript



Ang “window.open()” Ang pamamaraan ng JavaScript ay nagbibigay-daan sa mga developer na mag-link sa isa pang window sa loob ng kanilang webpage. Ang window na ito ay na-invoke kapag ang isang tinukoy na aksyon ay ginawa ng user.

Sa madaling salita, ang pangunahing pag-andar ng “window.open()” Ang pamamaraan ay upang magbukas ng bagong window sa pangunahing webpage nang hindi nakakagambala sa pangunahing interface ng webpage. Sa ilang mga sitwasyon, matagumpay na nabubuksan ang bagong window ngunit hindi lumalabas ang scrollbar, na nagpapadala ng masamang impression sa mga user.







Ang mabilis na gabay na ito ay nagpapaliwanag ng proseso upang lumikha ng patayong scrollbar na may window.open() na paraan sa JavaScript.



Paano Gumawa ng Vertical Scrollbars Gamit ang 'window.open()' sa JavaScript?

Ang “window.open()” paraan bilang default ay nagdaragdag ng isang patayong scrollbar depende sa haba ng bagong nilalaman ng webpage at ang laki ng binuksan na window. Kung ang nilalaman ng webpage ay mas malaki kaysa sa laki ng window, ang scrollbar ay idaragdag bilang default nang hindi naglalapat ng anumang mga katangian ng CSS. Gayunpaman, kung gusto ng developer na magdagdag ng custom na scrollbar, maaari mong sundin ang mga pamamaraan na ipinaliwanag sa mga halimbawa sa ibaba.



Syntax





Ang syntax para sa “window.open()” ang pamamaraan ay nakasaad sa ibaba:

bintana. bukas ( landas , patutunguhan , winFeat )

dito, “landas” ay ang landas ng webpage na bubuksan sa isang bagong window. Ang 'destinasyon' ay ang lokasyon ng bagong window na lilitaw, maaari itong itakda sa “blangko” , “magulang” , 'sarili' o “itaas”. Ang ikatlong parameter ay ang 'winFeat' o mga tampok ng window, nag-aalok ito ng iba't ibang mga halaga na maaaring itakda ayon sa pangangailangan upang i-customize ang window.



Tingnan natin ang ilang halimbawa upang makabuo ng patayong scrollbar sa bagong bukas na window gamit ang “window.open()” paraan.

Halimbawa: Paggamit ng 'scrollbars' Window Feature na may 'window.open()' Method

Sa kasong ito, ang “window.open()” paraan ay ginagamit kasama ang 'mga scrollbar' Mga Tampok ng Window upang itakda ang patayong scrollbar para sa isang bagong bukas na window, tulad ng ipinapakita sa ibaba:

< ulo >
< uri ng script = 'text/javascript' >
function setScroll ( ) {
ay newWin = bintana. bukas ( 'https://linuxhint.com' , 'itaas' , 'width=500, height=500, scrollbars=oo' ) ;
}
script >
ulo >
< katawan >
< p > Pindutin ang button sa ibaba upang buksan ang Linuxhint Blog sa in - screen window. p > Pindutin mo ako pindutan >
katawan >

Paliwanag ng code sa itaas:

  • Una, ang 'setScroll()' function ay tinukoy sa loob ng


    Pindutin ang button sa ibaba upang buksan ang Linuxhint Blog sa in-screen na window.

    I-click Ako

    Paglalarawan ng code sa itaas:

    • Una, lumikha ng a 'setScroll()' function, at sa loob nito ay gumagamit ng “window.open()” pamamaraan na katulad ng ginawa sa halimbawa sa itaas.
    • Gayundin, magdagdag ng karagdagang tampok na window ng 'mababagong sukat' at baguhin ang halaga ng 'mga scrollbar' mga tampok sa '1' upang itakda ang patayong scrollbar.

    Ngayon, buksan ang CSS file ng webpage na ang link ay ibinigay bilang unang parameter sa “window.open()” paraan. Sa aming kaso, ang pangalan ng webpage ay 'linuxint' kaya buksan ang CSS file nito at ipasok ang sumusunod na code dito:

    < istilo >
    html {
    pag-apaw - x : nakatago ;
    pag-apaw - at : sasakyan ;
    }
    istilo >

    Ang mga katangian ng CSS sa itaas ng 'overflow-x' at “overflow-y” itago ang pahalang na scrollbar at itakda ang patayong scrollbar para sa buong HTML na pahina ayon sa haba ng window.

    Pagkatapos ipasok at i-compile ang mga snippet ng code sa itaas sa parehong mga file, ganito ang hitsura ng output:

    Ang output ay nagpapakita na ang isang patayong scrollbar ay naidagdag sa window na binuksan gamit ang 'window.open()' na paraan.

    Konklusyon

    Upang lumikha ng mga patayong scrollbar gamit ang “window.open()” pamamaraan, ang 'mga scrollbar' Ang tampok na ibinigay ng window ay maaaring itakda sa 'oo' o '1' . Ang isa pang paraan ay ang buksan ang CSS o HTML file para sa webpage na ang link ay ipinasa bilang unang parameter sa 'window.open()' na paraan at doon gamitin ang CSS 'overflow-x' at 'overflow-y' ari-arian. Ipinaliwanag ng blog na ito ang mga paraan upang magdagdag ng patayong scrollbar gamit ang window.open() na paraan sa JavaScript.