jquery tutorial




Jquery का उपयोग करके शीर्ष स्थान कैसे सेट करें (4)

आप ट्रिक करने के लिए CSS का उपयोग कर सकते हैं:

$("#yourElement").css({ top: '100px' });

मैं कस्टम div scroller बना रहा हूं और सामग्री div की शीर्ष स्थिति सेट करना चाहता हूं। मेरा jquery कोड नीचे दिया गया है:

containerOuterHeight=$("#messagePopUpContainer").outerHeight();
            contentOuterHeight=$("#content").outerHeight();
            contentTopPosition=$("#content").offset().top;
            alert("contentTopPosition"+contentTopPosition);
            alert(contentTopPosition-(containerOuterHeight/20));
            $("#content").offset().top=contentTopPosition-(containerOuterHeight/20);
            //$("#content").css("top",( contentTopPosition-(containerOuterHeight/20) ) + "px");
            alert("contentTopPosition"+$("#content").offset().top);
            //alert("Fontsize"+$('#content').css('font-size') );

और html है:

<div id='messagePopUpContainer' style='background-color:#ffffff; overflow: hidden;'>
<a href='javascript:void(0);' id='popupanchor' onkeydown='PopupKeyHandler("' + elmId + '");'></a>

<div id='content' style='width:350px'>' + methods.settings[elmId].text + '</div >
<div id='popupReturn'>Return</div></div></div>'

आप भी कर सकते थे

   var x = $('#element').height();   // or any changing value

   $('selector').css({'top' : x + 'px'});

या

आप सीधे उपयोग कर सकते हैं

$('#element').css( "height" )

.height() .css( "height" ) और .height() बीच का अंतर यह है कि उत्तरार्द्ध एक इकाई-कम पिक्सेल मूल्य (उदाहरण के लिए, 400 ) देता है, जबकि पूर्व में इकाइयों के साथ एक मान बरकरार है (उदाहरण के लिए, 400px )। जब एक तत्व की ऊंचाई को गणितीय गणना में उपयोग करने की आवश्यकता होती है, तो .height () विधि की सिफारिश की जाती है। jquery डॉक


केवल संदर्भ के लिए, यदि आप उपयोग कर रहे हैं:

 $(el).offset().top 

स्थिति प्राप्त करने के लिए, यह मूल तत्व की स्थिति से प्रभावित हो सकता है। इस प्रकार आप संगत होना चाहते हैं और इसे सेट करने के लिए निम्नलिखित का उपयोग कर सकते हैं:

$(el).offset({top: pos});

जैसा कि ऊपर सीएसएस विधियों के विपरीत है।


सीएसएस संपत्ति तक पहुँचना और हेरफेर करना .css() का उपयोग करना काफी आसान है। उदाहरण के लिए, एकल गुण बदलने के लिए:

$("selector").css('top', '50px');




jquery