将javascript代码转换为jQuery
我想将此javascript代码更改为jQuery代码,但由于某种原因,当我使用ID正常地瞄准它时,它不起作用 Javascript代码:将javascript代码转换为jQuery,javascript,jquery,internet-explorer,Javascript,Jquery,Internet Explorer,我想将此javascript代码更改为jQuery代码,但由于某种原因,当我使用ID正常地瞄准它时,它不起作用 Javascript代码: scroll(xpos, ypos) { document.getElementById('content_section').scrollTop=xpos; } jQuery代码(我写的): 我做错了什么?我需要它在Internet Explorer上工作 对于我得到的一些答案,我尝试添加scrollTop(xpos);考虑到IE的问题,它仍
scroll(xpos, ypos) {
document.getElementById('content_section').scrollTop=xpos;
}
jQuery代码(我写的):
我做错了什么?我需要它在Internet Explorer上工作
对于我得到的一些答案,我尝试添加scrollTop(xpos);考虑到IE的问题,它仍然不起作用
$('#content_section').scrollTop(xpos);
因为scrollTop()
将参数作为滚动目标
更多细节
.scrollTop()
不带参数就像getter方法一样工作,这意味着
$('#content_section').scrollTop(); // without argument
$('#content_section').scrollTop(xpos); // with argument
将为您提供#content_部分的当前滚动位置
但对于参数,它充当了setter方法,这意味着
$('#content_section').scrollTop(); // without argument
$('#content_section').scrollTop(xpos); // with argument
将#content_部分
设置为随参数传递的位置
根据你的编辑
也许你可以试试
function scroll() {
$('#content_section').scrollTo({left: xpos, top: ypox}, 400);
}
您是否在jQuery方法中添加了XPO的价值:
$('#content_section').scrollTop(ypos);
我在IE8和works中测试了以下代码。请看一看
<script type="text/javascript">
function scroll(xpos, ypos) {
$('#content_section').scrollTop(ypos);
}
</script>
<form id="form1" runat="server">
<input type="button" id="btn" value="scroll" onclick='scroll(0,0);' />
<div id="content_section" style="overflow: auto; height: 60px; width: 60px;">
a<br /> a<br /> a<br /> a<br /> a<br />
a<br /> a<br /> a<br /> a<br /> a<br /> a<br />
</div>
</form>
功能滚动(xpos、YPO){
$('content#u section')。scrollTop(ypos);
}
a
a
a
a
a
a
a
a
a
a
a
a
a
它只返回元素的位置。
如果你想设置它,只需使用
$('#content_section').scrollTop(xpos);
当然,xpos是距页面顶部的距离
编辑:
试试看它是否有效。请注意,元素必须是可滚动的,我不知道您在做什么,但当然,如果整个页面小于窗口,它将不会滚动。scrollTop是
content\u部分的属性
element,对吗?试试$('content_section').attr('scrollTop',xpos)代码>scrollTop不是一个属性,它是一个向上滚动的jQuery函数。这个函数的主要功能是scroll(xpos,ypos){$(“#content_section”)。scrollTop()}我试图将xpos放在里面,但仍然不工作xpos是从左到右的水平位置。您需要垂直位置,然后使用ypos。试着用firebug进行调试,看看你是否在某个地方出错,看看xpos和YPO是否真的设置好了。我添加了YPO,但仍然不起作用,我试着设置YPO=0,但也不起作用。此外,我无法在IE上使用firebug:(是的,我知道,但我正在开发的项目仅基于IE:(:这的主要功能是函数滚动。)(xpos,ypos){$('#content_section')。scrollTop()}我试图将xpos放入其中,但仍然没有working@HaiderGhaleb,尝试使用ypos
。顶部和底部是y轴。此函数的主要功能是函数滚动(xpos,ypos){$('content_section')。滚动顶部()我试着把XPO放在里面,但仍然无法使用ypos
而不是xpos
。它的主要功能是函数scroll(xpos,ypos){$('content_section')。scrollTop();}我试着把XPO放进去,但还是没有working@HaiderGhaleb我试图解释细节,请检查我在scrollTop函数中包含了xpos,但它仍然不起作用,主要问题来自IEyes,它与您上次编辑的代码完全相同。我试图找出为什么它在IE上不起作用。我仍然尝试给xpos值0,但也给了d我没用,而且根据我得到的一个答案,我把它改成了ypos,但还是没用。
$('#content_section').scrollTop(xpos);
function scroll(xpos, ypos) {
// you need to set argument xpos
$('#content_section').scrollTop(ypos);
}
$(document).ready(function(){
scroll(0,150)
});