Javascript 滚动到jQuery无法正常工作的文档顶部

我正在用jQuery构建一个智能手机应用程序（iOS）。我有两个div，一个显示事件列表，另一个仅显示一个事件。这是他们的样子：

<div id="output">

            </div>
<div id="single" style="background-color: red;">

</div>

然而，这并没有把它带到顶端，我犯了错误吗？谢谢

编辑：

这是在我点击：imgur.com/Mitlp之前，这是在点击：imgur.com/873pO之后

它应该是这样的：

第二次编辑：函数内部的AJAX

$.ajax({
                        url: 'http://dev.24323423.co.uk/getSingle.php',
                        dataType: 'jsonp',
                        data: { dbId: itemId },
                        jsonp: 'jsoncallbackSingle',
                        timeout: 8000,
                        success: function(data, status){
                            $.each(data, function(i,item){ 
                                var linkedPageSingle = '<p><a href="#" onClick="homePage(1)">Back</a></p><h2>'+item.eventName+'</h2>'
                                    + '<p>Description: '+item.description+'</p><p>Type: '
                                    + item.type+'</p><p id="pageid">'+item.id+'</p>';

                                $('#single').append(linkedPageSingle);
                            });
                        },

                        error: function(){
                            $('#single').text('There was an error loading the data.');
                        }

                    });

$.ajax({
网址：'http://dev.24323423.co.uk/getSingle.php',
数据类型：“jsonp”，
数据：{dbId:itemId}，
jsonp:'jsoncallbackSingle'，
超时：8000，
成功：功能（数据、状态）{
$.each（数据、函数（i、项）{
var linkedPageSingle='
'+item.eventName+''
+“说明：”+项目.说明+”
类型：'
+item.type+'
'+item.id+'
'；
$（'#single'）.append（linkedPageSingle）；
});
},
错误：函数（）{
$（'#single'）.text（'加载数据时出错'）；
}
});

使用

窗口。滚动到（0,0）或
$（文档）.scrollTop（0）
将文档滚动到顶部，而不是
$（“#单个”）。滚动顶部（0）

设置选定元素的顶部滚动偏移值，而不是相对于文档

如果您只想滚动页面，使
#single
可见（不在顶部），请使用
$（“#single”）[0]

注意：您可能希望将滚动部分移动到
show（）
和
hide（）
使用
窗口。滚动到（0，0）或
$（文档）.scrollTop（0）
将文档滚动到顶部，而不是
$（“#单个”）。滚动顶部（0）

设置选定元素的顶部滚动偏移值，而不是相对于文档

如果您只想滚动页面，使
#single
可见（不在顶部），请使用
$（“#single”）[0]

注意：您可能希望将滚动部分移动到
show（）
和
hide（）
之后。我猜滚动是在第一个div真正隐藏和第二个div真正可见之前执行的。试试这个：

function showSingle(itemId){
    $('#output').hide();
    $('#single').show(0, function(){
        $(document).scrollTop(0);
        /* ajax */
    });
}

我猜滚动是在第一个div真正隐藏，第二个div真正可见之前执行的。试试这个：

function showSingle(itemId){
    $('#output').hide();
    $('#single').show(0, function(){
        $(document).scrollTop(0);
        /* ajax */
    });
}

首先，感谢那些帮助过我的人。然而，我并没有试图解决我遇到的问题，而是找到了一种解决方法。这就是我使用的：

 var linkedPage = '<h2><a href="#" onClick="takeToSingle('+item.id+')">'+item.eventName+'</a></h2>'
                            + '<p>Date: '+item.date+'</p><p>Description: '+item.description+'</p><p>Type: '
                            + item.type+'</p><p id="pageid">'+item.id+'</p>';

                        output.append(linkedPage);

 function takeToSingle(itemId){
                localStorage.setItem("pageID",itemId);
                document.location.href = 'page1.html';
            }

首先，感谢那些帮助过我的人。然而，我并没有试图解决我遇到的问题，而是找到了一种解决方法。这就是我使用的：

 var linkedPage = '<h2><a href="#" onClick="takeToSingle('+item.id+')">'+item.eventName+'</a></h2>'
                            + '<p>Date: '+item.date+'</p><p>Description: '+item.description+'</p><p>Type: '
                            + item.type+'</p><p id="pageid">'+item.id+'</p>';

                        output.append(linkedPage);

 function takeToSingle(itemId){
                localStorage.setItem("pageID",itemId);
                document.location.href = 'page1.html';
            }

您是否尝试过
窗口。如果您在文档顶部滚动，请滚动到（0,0）
。您好，是的，我刚刚尝试过，但运气不好。我不认为我在OP上说过我会编辑它，但它是在iphone应用程序上，不是web应用程序，而是使用javascript和html而不是objective-c，如果这有什么不同的话？如果你使用html和CSS，那么应用程序将使用Webview，对吗？如果是这样的话，它只是一个无铬浏览器窗口。尝试$（'html，body'）.animate（{scrollTop:0}，0）；最好的猜测是您的菜单栏（“Kendall MintFest”）覆盖了文档的顶部。可能会在页面顶部添加填充？让我们看看您是否尝试了
窗口。如果您在文档顶部滚动，请滚动到（0,0）
。您好，是的，我刚刚尝试了这个，但没有任何运气。我不认为我在OP上说过我会编辑它，但它是在iphone应用程序上，不是web应用程序，而是使用javascript和html而不是objective-c，如果这有什么不同的话？如果你使用html和CSS，那么应用程序将使用Webview，对吗？如果是这样的话，它只是一个无铬浏览器窗口。尝试$（'html，body'）.animate（{scrollTop:0}，0）；最好的猜测是您的菜单栏（“Kendall MintFest”）覆盖了文档的顶部。也许在页面顶部添加填充物？让我们嘿，谢谢你的回复。我试过了，但运气不好，我可能错了，但我在想，因为它作为一个应用程序存在于智能手机中，它可能认为屏幕顶部就是文档顶部，如果这有意义的话？嘿，我试过了，但它仍然不起作用：/I我不明白为什么不，看看这些图片，这是在我单击之前：这是在单击之后：@zomboble似乎你的窗口被滚动到顶部了，不是吗？我不确定，它应该是这样的（颜色用于调试）：嘿，谢谢你的回复。我试过了，但运气不好，我可能错了，但我在想，因为它作为一个应用程序存在于智能手机中，它可能认为屏幕顶部就是文档顶部，如果这有意义的话？嘿，我试过了，但它仍然不起作用：/I我不明白为什么不，看看这些图片，这是在我单击之前：这是在单击之后：@zomboble似乎您的窗口已滚动到顶部，不是吗？我不确定，它应该是这样的（颜色用于调试）：好主意！但是仍然没有改变：/Fast update，有时在完全消失的部分等待5-10秒后（在页面的更下方），它们“出现”很快地从屏幕顶部向下滑动。尝试在#output'和#single'周围添加一个包装器div，然后滚动到其顶部，也许吧？另外，如何调用“showSingle（）”？它是链接上的click（）函数吗？如果是这样，请确保您正在使用preventDefault（）覆盖任何默认操作（例如跳到页面顶部）。是的，链接在此处生成：var linkedP