విండో స్క్రోల్ఎక్స్ పరిమితి

నిర్వచనం మరియు ఉపయోగం

scrollX పరిమితి డాక్యుమెంట్ ను విండో ప్రక్కన్న ఎక్కడ స్క్రోల్ అయ్యే పిక్సెల్స్ సంఖ్య ను తెలుపుతుంది.

scrollX పరిమితి సాధారణంగా ఓన్లీ రిడ్ అని ఉంటుంది.

సూచన

scrollX పరిమితి సమానంగా ఉంటుంది pageXOffset పరిమితి

క్రాస్-బ్రాండ్ సంప్రదించడానికి ఈ పరిమితి ని ఉపయోగించండి: window.pageXOffset కానీ ఈ విధంగా ఉండకూడదు: window.scrollX.

మరియు చూడండి:

pageXOffset అనునది పరిమితి

pageYOffset అనునది పరిమితి

ఉదాహరణ

ఉదాహరణ 1

కంటెంట్ ను 100 పిక్సెల్స్ స్క్రోల్ చేయండి, మరియు scrollX మరియు scrollY ను సూచించండి:

window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

స్టికీ నేవిగేషన్ బార్ సృష్టించండి:

// నేవిగేషన్ బార్ ను పొందండి
const navbar = document.getElementById("navbar");
// నేవిగేషన్ బార్ యొక్క ఆఫ్సెట్ పొందండి
const sticky = navbar.offsetTop;
// మీరు స్క్రోల్ స్థానానికి చేరుకున్నప్పుడు స్టికీ క్లాస్ ను నేవిగేషన్ బార్ కు జోడించండి. స్క్రోల్ స్థానాన్ని వదిలినప్పుడు స్టికీ క్లాస్ ను తొలగించండి.
function myFunction() {
  if (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

స్వయంగా ప్రయత్నించండి

సంకేతం

window.scrollX

లేదా:

scrollX

రాబట్టు విలువ

రకం వివరణ
నంబర్ డాక్యుమెంట్ ప్రక్కన్న ఎక్కడ స్క్రోల్ అయ్యే పిక్సెల్స్ సంఖ్య.

బ్రౌజర్ మద్దతు

అన్ని బ్రౌజర్లు మద్దతు ఇస్తాయి window.scrollXమీదట

చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపేరా
చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపేరా
మద్దతు 9-11 మద్దతు మద్దతు మద్దతు మద్దతు