Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将javascript代码转换为jQuery_Javascript_Jquery_Internet Explorer - Fatal编程技术网

将javascript代码转换为jQuery

将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的问题,它仍

我想将此javascript代码更改为jQuery代码,但由于某种原因,当我使用ID正常地瞄准它时,它不起作用

Javascript代码:

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)
});