jQuery CSS పరిచయం - scrollLeft() మంథ్రం

jQuery CSS పరిచయం సమాచార పుస్తకం

ఉదాహరణ

డివ్ ఎలమెంట్లో స్క్రోల్ హోరిజంటల్ ఆఫ్సెట్ సెట్ చేయండి:

$(".btn1").click(function(){
  $("div").scrollLeft(100);
});

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

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

scrollLeft() మంథ్రం మ్యాచ్ విండోస్ స్క్రోల్ హోరిజంటల్ పోసిషన్ నిర్వచించడానికి లేదా సెట్ చేయడానికి తిరిగి చేయబడుతుంది.

స్క్రోల్ హోరిజంటల్ పోసిషన్ అనేది దాని ఎడమ పక్కనుండి స్క్రోల్ చేసిన పిక్సెల్స్ సంఖ్య. స్క్రోల్ అత్యంత ఎడమ పక్కన ఉన్నప్పుడు, పోసిషన్ 0 ఉంటుంది.

హోరిజంటల్ స్క్రోల్ పోసిషన్ తిరిగి చేయండి

మొదటి మ్యాచ్ విండోస్ హోరిజంటల్ స్క్రోల్ పోసిషన్ తిరిగి చేయండి.

సంకేతం

$(selector).scrollLeft()

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

హోరిజంటల్ స్క్రోల్ పోసిషన్ సెట్ చేయండి

అన్ని మ్యాచ్ విండోస్ హోరిజంటల్ స్క్రోల్ పోసిషన్ సెట్ చేయండి.

సంకేతం

$(selector).scrollLeft(position)
పారామీటర్స్ వివరణ
position ఎంపికలు. పెరిమీటర్స్ ను పిక్సెల్స్ లో నిర్వచించండి.

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

jQuery CSS పరిచయం సమాచార పుస్తకం