在网站中实现滚动

时间:2015-07-20 11:51:02

标签: jquery html css jquery-scrollify

我试图在我的网站中实施jQuery Scrollify插件。但是,这个插件假设我的网站结构只有rails server -h,但不是。{我的意思是网站的结构是

load': /home/ruby/Projects/TweetrWork/config/routes.rb:60: syntax error, unexpected end-of-input, expecting keyword_end (SyntaxError)
    from /home/ruby/.rbenv/versions/2.2.2/lib/ruby/gems/2.2.0/gems/activesupport-4.2.1/lib/active_support/dependencies.rb:268:in

以下是我如何实施它

load_dependency'
    from /home/ruby/.rbenv/versions/2.2.2/lib/ruby/gems/2.2.0/gems/activesupport-4.2.1/lib/active_support/dependencies.rb:268:in

所以问题是当网站加载时我滚动它只显示block in load_paths' from /home/ruby/.rbenv/versions/2.2.2/lib/ruby/gems/2.2.0/gems/railties-4.2.1/lib/rails/application/routes_reloader.rb:40:in ..它不会显示load_paths' from /home/ruby/.rbenv/versions/2.2.2/lib/ruby/gems/2.2.0/gems/railties-4.2.1/lib/rails/application/routes_reloader.rb:16:inblock in updater' from /home/ruby/.rbenv/versions/2.2.2/lib/ruby/gems/2.2.0/gems/activesupport-4.2.1/lib/active_support/file_update_checker.rb:75:in和其他任何不是包在节类中。有可能避免这种情况吗?

2 个答案:

答案 0 :(得分:5)

Scrollify部分在Scrollify的初始化中定义。它们是用户定义的,因此它们可以是您想要的任何东西。

$.scrollify({
    section:"this-is-a-css-selector"
});

关于页眉和页脚,您可以使用interstitialSection。 这将使您的初始化看起来像这样:

$.scrollify({
    section:".section",
    interstitialSection:"#header,.footer"
});

这样Scrollify仍会滚动到它们但不会操纵它们的高度。

答案 1 :(得分:1)

如果它适用于<section>,则可能很难避免这种情况。

也许只需将<div>打包成<section>,就像这样:

<section>
 <div>
 </div>
</section>

您将拥有一切正常运作,并且您还可以在“选项”部分中管理here所述的所有选项