Menu icon Foundation
Foundation 5 smooth scrolling magellan with simplified link

Hello Folks, i recently set up my typo3 with cb_foundation (uses 5.5.3).

With it i have some content elements like magellan expedition which uses smooth scrolling by default.

Now i´m just trying to generate a simplified link but i cant get the scrolling effect to work (when using the content element it works).

When looking at the generated code on my site i´ve come up with this:

<dd data-magellan="first"><p><a href="http://www.someurl.de/#first">magellan</a></p></dd>

<div class="sections"><section data-magellan-target="first" id="first"><p>First Section</p></section>
<section data-magellan-target="second" id="second"><p>Second Section</p></section>
<section data-magellan-target="third" id="third"><p>Third Section</p></section></div>

But it still jumps to the location, even when i copy paste the setup code from http://foundation.zurb.com/sites/docs/magellan.html

This is the code generated:

<div data-magellan-expedition="fixed" style="" class="">
  <dl class="sub-nav">
    <dd data-magellan-arrival="c25">
      <a href="#c25">gdd  (copy 1)</a>
    </dd>
    <dd data-magellan-arrival="c26">
      <a href="#c26">gdd  (copy 1)</a>
    </dd>
    <dd data-magellan-arrival="c22">
      <a href="#c22"> (copy 2)</a>
    </dd>
    <dd data-magellan-arrival="c21">
      <a href="#c21"> (copy 1)</a>
    </dd>
    <dd data-magellan-arrival="c15">
      <a href="#c15">gdd (copy 1)</a>
    </dd>
    <dd data-magellan-arrival="c16">
      <a href="#c16">gdd (copy 2)</a>
    </dd>
    <dd data-magellan-arrival="c1">
      <a href="#c1">gdd</a>
    </dd>
    <dd data-magellan-arrival="c13">
      <a href="#c13">2 cols found</a>
    </dd>
    <dd data-magellan-arrival="c6">
      <a href="#c6">test</a>
    </dd>
    <dd data-magellan-arrival="c4">
      <a href="#c4">ngfn</a>
    </dd>
  </dl>
</div>

I even tried replacing target with arrival but that doen´t seem to be the problem.

Also on the same page using plaing html, this does not work:

<div data-magellan-expedition="fixed" style="" class="">
	<dl class="sub-nav">
		<dd data-magellan-arrival="c16">
			<a href="#c16">gdd (copy 2)</a>
		</dd>
	</dl>
</div>

What am i doing wrong (have been googling alot but didnt find an answer) ? Any help appreciated.

Best regards,

Ingmar

MagellanlinkSimple

Hello Folks, i recently set up my typo3 with cb_foundation (uses 5.5.3).

With it i have some content elements like magellan expedition which uses smooth scrolling by default.

Now i´m just trying to generate a simplified link but i cant get the scrolling effect to work (when using the content element it works).

When looking at the generated code on my site i´ve come up with this:

<dd data-magellan="first"><p><a href="http://www.someurl.de/#first">magellan</a></p></dd>

<div class="sections"><section data-magellan-target="first" id="first"><p>First Section</p></section>
<section data-magellan-target="second" id="second"><p>Second Section</p></section>
<section data-magellan-target="third" id="third"><p>Third Section</p></section></div>

But it still jumps to the location, even when i copy paste the setup code from http://foundation.zurb.com/sites/docs/magellan.html

This is the code generated:

<div data-magellan-expedition="fixed" style="" class="">
  <dl class="sub-nav">
    <dd data-magellan-arrival="c25">
      <a href="#c25">gdd  (copy 1)</a>
    </dd>
    <dd data-magellan-arrival="c26">
      <a href="#c26">gdd  (copy 1)</a>
    </dd>
    <dd data-magellan-arrival="c22">
      <a href="#c22"> (copy 2)</a>
    </dd>
    <dd data-magellan-arrival="c21">
      <a href="#c21"> (copy 1)</a>
    </dd>
    <dd data-magellan-arrival="c15">
      <a href="#c15">gdd (copy 1)</a>
    </dd>
    <dd data-magellan-arrival="c16">
      <a href="#c16">gdd (copy 2)</a>
    </dd>
    <dd data-magellan-arrival="c1">
      <a href="#c1">gdd</a>
    </dd>
    <dd data-magellan-arrival="c13">
      <a href="#c13">2 cols found</a>
    </dd>
    <dd data-magellan-arrival="c6">
      <a href="#c6">test</a>
    </dd>
    <dd data-magellan-arrival="c4">
      <a href="#c4">ngfn</a>
    </dd>
  </dl>
</div>

I even tried replacing target with arrival but that doen´t seem to be the problem.

Also on the same page using plaing html, this does not work:

<div data-magellan-expedition="fixed" style="" class="">
	<dl class="sub-nav">
		<dd data-magellan-arrival="c16">
			<a href="#c16">gdd (copy 2)</a>
		</dd>
	</dl>
</div>

What am i doing wrong (have been googling alot but didnt find an answer) ? Any help appreciated.

Best regards,

Ingmar