Scrollify滾動元素

Question

我有3個Scrollify部分。 我希望第三部分可以滾動。

文檔列出了此方法：

standardScrollElements

“用於需要標准滾動行為的部分中元素的CSS選擇器。”

這是我的JS

$.scrollify({
  section : ".section",
  sectionName : "section-name",
  interstitialSection : "",
  easing: "easeOutCubic",
  scrollSpeed: 2000,
  offset : 0,
  scrollbars: false,
  standardScrollElements: ".third",
  setHeights: true,
  overflowScroll: true,
  updateHash: true,
  touchScroll: true,
});

但是由於某種原因，它不會滾動，也不會讓我從第三部分向后滾動。

這是我破碎的演示：

CODEPEN演示

有任何想法嗎？

Answer 1

您需要將scrollbars設置為true 。

 $.scrollify({ section: ".section", sectionName: "section-name", interstitialSection: "", easing: "easeOutCubic", scrollSpeed: 2000, offset: 0, scrollbars: true, standardScrollElements: "", setHeights: true, overflowScroll: true, updateHash: true, touchScroll: true, }); 

 body { font-family: sans-serif; margin: 0; padding: 0; } p { margin: 0; } .section { color: #fff; } .first { font-size: 2em; background: #cd3; } .second { font-size: 2em; background: #3cd; } .third { height: auto; background: #f66; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" charset="utf-8"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.11/jquery.scrollify.min.js" charset="utf-8"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" charset="utf-8"></script> <div class="section first">SCROLL DOWN</div> <div class="section second">SCROLL DOWN</div> <div class="section third"> <p>User experience iPad android value proposition creative ecosystem partner network scrum project. Stock branding long tail agile development business-to-business. Seed money return on investment seed round handshake. User experience hypotheses growth hacking virality responsive web design marketing customer termsheet business-to-consumer. Innovator gamification iPad sales MVP branding monetization virality. User experience return on investment iPhone business plan stock gen-z. Infographic social media creative strategy low hanging fruit release founders gamification early adopters ecosystem seed money launch party mass market stock. Accelerator android growth hacking sales first mover advantage pitch seed money niche market beta focus funding. User experience accelerator funding analytics low hanging fruit return on investment branding backing growth hacking creative iPhone monetization. Pivot growth hacking scrum project supply chain deployment social media handshake direct mailing strategy assets. </p> <p>Agile development entrepreneur infographic customer mass market business model canvas disruptive buzz lean startup facebook business-to-business founders investor partnership. Return on investment social media beta backing MVP innovator iPhone partner network freemium long tail deployment. Client mass market prototype. Seed money business plan ownership success conversion infrastructure backing disruptive user experience business-to-business. Metrics monetization pivot lean startup leverage series A financing. Low hanging fruit social proof angel investor sales innovator agile development lean startup gamification gen-z paradigm shift incubator. Series A financing learning curve burn rate business plan customer long tail prototype iPhone interaction design mass market MVP equity crowdfunding holy grail. Metrics buzz validation alpha branding. Entrepreneur startup direct mailing beta network effects partner network infrastructure market research &amp; development non-disclosure agreement rockstar. Buzz responsive web design virality vesting period ownership client lean startup market freemium facebook user experience infographic business model canvas iteration. Disruptive pivot stealth marketing burn rate. Market social media startup direct mailing iteration strategy value proposition termsheet stock angel investor release disruptive. Beta pivot iPad stock. Hackathon facebook buyer holy grail pitch buzz value proposition business plan bootstrapping. Marketing first mover advantage MVP product management direct mailing growth hacking buzz social proof gen-z business model canvas. Success client innovator monetization return on investment series A financing influencer partnership seed money. Product management interaction design burn rate A/B testing stock startup pivot. Bandwidth client pitch low hanging fruit burn rate alpha user experience. Business-to-business responsive web design gen-z agile development partnership hackathon network effects metrics innovator success business model canvas. Beta niche market android network effects monetization incubator direct mailing low hanging fruit business model canvas. Release research &amp; development disruptive customer technology founders user experience paradigm shift. Burn rate business plan iPad leverage metrics long tail. Direct mailing assets client burn rate bandwidth business plan. Founders buzz responsive web design A/B testing ownership strategy virality agile development. Crowdfunding sales accelerator venture business-to-consumer success investor deployment agile development stock network effects gen-z crowdsource burn rate. Termsheet mass market lean startup research &amp; development iPad advisor twitter growth hacking pivot market social proof facebook angel investor first mover advantage. Burn rate accelerator series A financing. Scrum project handshake pitch buyer. Advisor churn rate venture business-to-business alpha user experience backing. Ecosystem marketing sales. Return on investment hackathon ramen market scrum project infrastructure handshake leverage rockstar long tail seed round influencer buyer. Iteration equity founders business-to-consumer seed money pivot startup marketing strategy validation. Innovator early adopters advisor backing A/B testing MVP hypotheses low hanging fruit user experience focus pitch business model canvas. Customer network effects strategy market supply chain long tail paradigm shift founders client sales value proposition innovator. Advisor monetization series A financing. A/B testing launch party burn rate client partnership first mover advantage equity freemium bootstrapping stock. Iteration iPad series A financing. Stock network effects focus virality termsheet ownership stealth sales gen-z buzz traction deployment investor iPad. Crowdsource rockstar startup bandwidth customer learning curve equity beta business-to-consumer partnership product management iPad. Agile development funding investor venture iPad business-to-consumer early adopters supply chain focus freemium social media lean startup. Are you running a startup and want to attract new clients? Tweet, +1 or like us! We'll pick a startup weekly and put your URL in the startupsum text generator! Not launched yet and looking for excellent, unlimited hosting? Be sure to check out hostbeats.com (affilate partner).</p> </div> 

Answer 2

standardScrollElements不是用於節的，而是用於節中需要滾動而不觸發Scrollify的元素的。 諸如地圖或iframe之類的東西。