JQUERY - 滚动网站 - 源码之家

问题描述：

这里是我的挑战 -JQUERY - 滚动网站

我有一个网站http://www.jodsn.com - 在主页上有2个按钮[查看我的工作]和[查看我的技能。

当您单击每个按钮时，我想滑出默认页面并在工作页面或技能页面中滑动。

我不认为Arial Flesler的.ScrollTo将工作，因为这似乎是针对已加载在页面上的元素。如果我错了，请纠正我。

我将如何在JQUERY中完成此任务？

答

为什么不把绝对位置放在顶部： - （div的高度）;然后使用scrollTo。

然后使用jquery在任何你想要的锚点加载页面。

我将加载不同的背景到身体以及每页的很多og图形。我不希望一次性加载所有这些。但是，如果这是唯一的方式，那么... – Jon 2011-04-02 01:50:33

答

您可以在$(document).ready(function(){...});函数中使用jQuery的滚动函数。

编辑：如果我理解正确的话，你想拥有通过AJAX加载和动画显示的东西，隐约的运作就像一个标签式界面，与每个选项卡

$(document).ready(function() 
{ 
    //Place .scrollTo code here. 
});

你能举个例子吗？我非常擅长css/html，并且只在JQUERY一个月。 – Jon 2011-04-02 01:51:16

我编辑了答案。这个想法是，你应该在作为参数传递给ready方法的函数中使用DOM相关函数。这基本上意味着“在DOM加载后执行此代码”（所有标记，不一定是图像等）。 – Francisc 2011-04-02 02:00:39

答

。

你当然可以用像jqueryui这样的插件做一些简单的事情，但对于符合你网站风格的东西，我会完全自定义。从这开始加载内容，然后用它做点什么：

$.ajax('Skills.aspx', { 
    dataType: 'html' 
    success: function(data){ 

    $('#container') // something to hold your content 
     .slideUp(400, function(){ // hide existing content 
     $(this).empty() // and remove it 
     .append(data) // append new content 
     .slideDown(); // and show it 
     }); 

    } 
});

再次，这只是为了让你开始。如果内容是轻量级的，您可以从服务器加载所有内容，并完全跳过AJAX的内容。

我会试试这个大小。我没有与.ajax一起工作太多，但我会做一些Google搜索来排除故障。我很快就会收到一些结果。（： – Jon 2011-04-02 01:57:00

我想绕过我的大脑，我想你会留下一些细节，我想将它应用到我的default.aspx上的[查看我的作品]按钮当你点击它时，我想滑动把页面放在左边，并在右边的work.aspx页面中滑动，它们都是asp.net子页面，我需要抓取所有的内容，以便在服务器上正确渲染......也许你会看到更多显然，但我无法掌握你的解决方案，知道如何应用它......大声笑。 – Jon 2011-04-02 02:36:47

JQUERY - 滚动网站

相关推荐