Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.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
jQuery在提交时滚动到_Jquery_Scrollto - Fatal编程技术网

jQuery在提交时滚动到

jQuery在提交时滚动到,jquery,scrollto,Jquery,Scrollto,因此,经过数小时的努力,我仍在为如何完成这项(相当简单的)任务而挠头 在本页上: 我希望它在点击输入按钮上的提交后向下滚动到#结果区域。我已经试着用scrollTo和JSlideto来实现这一点,我觉得我应该能够用它们中的任何一个来实现这一点,因为这些例子正是我想要实现的 谁能看一下这一页,帮我整理一下吗?它真的开始让我头疼了,我几乎可以肯定我只是缺少了一些小语法或其他东西。在它滚动之前,也许可以尝试一下delay(),因为在它可以滚动到任何地方之前,内容必须加载。我不知道goToByScrol

因此,经过数小时的努力,我仍在为如何完成这项(相当简单的)任务而挠头

在本页上:

我希望它在点击输入按钮上的提交后向下滚动到#结果区域。我已经试着用scrollTo和JSlideto来实现这一点,我觉得我应该能够用它们中的任何一个来实现这一点,因为这些例子正是我想要实现的


谁能看一下这一页,帮我整理一下吗?它真的开始让我头疼了,我几乎可以肯定我只是缺少了一些小语法或其他东西。

在它滚动之前,也许可以尝试一下delay(),因为在它可以滚动到任何地方之前,内容必须加载。

我不知道
goToByScroll()
函数是从哪里来的,但这是做它的人的道具。不完全确定这是你想要的,但它的工作方式我认为你想要的

HTML

form
<input type="submit" id="go"/>
<p style="min-height:600px;"></p>
<div id="results">results</div>
<p style="min-height:300px;"></p>

通过显示您的代码,您会得到更好的答案。您的脚本行中没有一行是针对您的按钮的,或者我缺少的另一个脚本是针对按钮的吗?因此,您希望我们在您的wordpress网站上搜索,找出您的插件出了什么问题。祝你好运!尝试以简单的方式复制问题,这样就可以在不必阅读五码代码的情况下查看代码。另外,Daedalus是正确的,没有ID为“default”或“nohighlight”的元素?我要求您在一个页面上查看代码,这甚至不是网站wordpress部分的一部分,所有相关内容都很容易找到。我已经尝试过jslideto和scrollTo,到目前为止,它们都没有实现,我希望有一个新的开始。我删除了以前的所有脚本,现在开始新的。我应该从哪里开始?这似乎很有希望,我只是有个问题。我应该把JS部分放在哪里?我应该在externam.js文件中完成它,并将其链接,还是将其内联到某个地方。这完全取决于您。我想大多数人都会建议把它放在一个单独的JS文件中。这样做将保留您的程序,帮助您找到它,并保持它的维护。好的,我这样做了(暂时将其内联),但它仍然无法工作,没有滚动功能。你能看一下,帮我解决这个问题吗?我错了,保存的是本地副本,不是现场副本。请立即检查。请尝试断开该按钮与窗体的连接,或添加单独的按钮进行尝试。这应该是一个有趣的想法,你可能对这里的东西。我怎样才能做到这一点?
$("#go").click(function (e) {
    goToByScroll("results");
    e.preventDefault();
});

function goToByScroll(id) {
                var toMe = $("#" + id)
                $("html,body").animate({ scrollTop: toMe.offset().top }, "slow");
                toMe.addClass("hightlightResult");
                setTimeout(function () {
                    toMe.removeClass("hightlightResult", 1500);
                }, 500);
            }