【Scrollify】Scrollify warning: Section names can’t match IDs – this will cause the browser to anchor. とエラーが出る

jQuery プラグイン「Scrollify」を使っていたところ、下記の Warning が発生していました。

Scrollify warning: Section names can't match IDs - this will cause the browser to anchor.

原因

どうやら、下記の２つの値に同じものを設定しているとよくないことが起こってしまうようです。

• Scrollify でスナップさせるセクションの id 属性の値
• Scrollify でスナップさせるセクションの data-section-name 属性の値

<div class="scrollify">
  <div id="a" data-section-name="a" class="scrollify-section">
  <div id="b" data-section-name="b" class="scrollify-section">
  <div id="c" data-section-name="c" class="scrollify-section">

解決策

idとdata-section-nameがかぶらないように修正します。

<div class="scrollify">
  <div id="a" data-section-name="section-a" class="scrollify-section">
  <div id="b" data-section-name="section-b" class="scrollify-section">
  <div id="c" data-section-name="section-c" class="scrollify-section">