Smooth scroll to div in polymer element
<p>I am using the Polymer 1.0 tools to build a webapp and I am having trouble starting a smooth scroll to a specific div. I have success using the polymer method this.$.div.scrollIntoView() but this just moves to the specific div without scrolling to it. I would like to use the jQuery method scrollTop() but cannot seem to figure where to fire this function and when/how I can attach this function to a paper-fab. Here is what I have so far:</p>

<pre><code>&lt;div align="center"&gt;
    &lt;paper-fab icon="arrow-downward" id="fab" on-click="scrollToView"&gt;&lt;/paper-fab&gt;
&lt;/div&gt;
</code></pre>

<p>And here are my scripts at the bottom of this specific Polymer element: </p>

<pre><code>&lt;script&gt;
    Polymer({
        is: 'my-view',
        scrollToView: function() {
            this.$.parallax.scrollIntoView(false); 
        }
    });
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    function goToByScroll() {
        $('html, body').animate({
            scrollTop: $("#section_one_cont").offset().top}, 'slow');
    }
    $("#fab").click(function(e) {
            goToByScroll();
    })
&lt;/script&gt;
</code></pre>

<p>So the first 'Polymer' script does in fact work but not in an appealing way, and then if I try to only use the jQuery scripts, they don't do anything. </p>

<p>This is the jQuery CDN I am using:</p>

<pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"&gt;&lt;/script&gt;
</code></pre>

<p>Any and all help is appreciated, I would really like to figure out how to use non polymer scripts within Polymer elements as that would open up a few more things I would like to achieve with this. Thanks in advance!</p>