Question

这是我的挑战 -

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

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

我不认为Arial Flesler的.ScrollTo会起作用，因为它似乎是针对已经加载到页面上的元素。如果我错了，请纠正我。

如何在JQUERY中完成此任务？

Answer 1

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

然后使用jquery将页面加载到您想要的任何锚点。

Answer 2

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

编辑：

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

Answer 3

如果我理解正确，你希望有一些模糊的操作像标签界面，每个标签都通过ajax加载并显示动画。

你当然可以使用像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。

JQUERY - 可滚动的网站

3 个答案: