【问题标题】:Onclick scroll to div id and animate the divOnclick 滚动到 div id 并为 div 设置动画
【发布时间】:2012-05-13 13:15:10
【问题描述】:

我在这里搜索和搜索,前几天我在 Stack 上找到了一个很棒的问题,我不确定你是否可以保存最喜欢的问题..所以现在我正在尽我最大的努力找到该死的东西。

用户想要一个点击功能,例如 scrollto,在点击时页面滚动到特定的 id,div 突出显示和动画(彩色)然后淡出。

它也有一个 js fiddle,但如果我能通过我的历史找到它,那就麻烦了......

谁能指出我在找什么。

所以你有类似的链接。 [链接1] [链接2]等

示例:在单击链接 1 时,页面滚动(使用 scrollto 插件)并且它所在的 div 发出红色光,然后逐渐变回正常颜色。

就像 Chris Coyiers 滚动到: http://css-tricks.com/examples/SmoothPageScroll/

但是当你到达 div 时,div 会发出红色背景,然后逐渐变为白色

【问题讨论】:

标签: jquery css


【解决方案1】:

试试这个,jQuery UI 的高亮效果和 ScrollTo 插件的组合。您可以根据各自的文档调整选项以适应您的喜好。 http://jsfiddle.net/pVY2m/

【讨论】:

  • Goodonya,我对这个问题的含糊表示歉意,但就是这样!非常感谢。我只是希望堆栈可以让我们保存喜欢的问题等。投票
  • 如何设置高亮div的颜色?
  • $("#three").effect("highlight", {color:"#b1b1b1"}, 3000);
【解决方案2】:

这可能是您使用 jQuery 所需要的:

http://demos.flesler.com/jquery/scrollTo/

【讨论】:

  • 你知道 fieslers 插件,这就是我所指的。但是这里的一个例子,滚动到一个 div 元素并在它到达那里时为 div 设置动画......
  • 有点像jsfiddle.net/weissraum/Yy678,但是所有的 div 都是白色的 bg,当它到达 div 时,它会发出红色的光,然后又变回白色。但没有放松..等
  • 找到了我非常想找的东西:djpate.com/portfolio/jSlideto/example/index.html
猜你喜欢
  • 2013-03-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-01-04
  • 1970-01-01
相关资源
最近更新 更多