滚动条问题在模板上

Question

任何人都可以提供帮助吗？

所以我正在尝试编辑我购买的这个模板中的一个页面，这是用JS / HTML / CSS完成的......

我正在尝试将disqus评论窗口小部件添加到一个页面，但页面被切断，滚动条不允许您进一步向下滚动，即使有更多内容 看到这里：

http://ivegotcrayons.com/hercules/#!/page_comments

...我已经包含了以下代码，（如果您需要整个页面的代码，请告诉我）， 但有人可以向我解释

1 - 即使内容更多，滚动条也会停止滚动的原因 2 - 我该如何解决这个问题？

非常感谢..

<li id="page_comments">
                    <img src="images/bg_content.png" alt="" class="bg_cont">
                    <span class="back"><img src="images/nav4.png" alt="" usemap="#back"><a href="#close">Back to Main</a></span>
                    <div class="pad">
                        <h2>comments</h2>
                        <div class="relative">
                            <div class="scroll">
                                <ul class="gallery">

                                 <div id="disqus_thread"></div>
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'ivegotcrayons'; // required: replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>


                                    <li><a href="#"><img src="images/page4_img1.jpg" alt=""><span></span></a></li>
                                    <li><a href="#"><img src="images/page4_img4.jpg" alt=""><span></span></a></li>
                                    <li><a href="#"><img src="images/page4_img2.jpg" alt=""><span></span></a></li>
                                    <li><a href="#"><img src="images/page4_img5.jpg" alt=""><span></span></a></li>
                                    <li><a href="#"><img src="images/page4_img3.jpg" alt=""><span></span></a></li>
                                    <li><a href="#"><img src="images/page4_img6.jpg" alt=""><span></span></a></li>
                                    <li class="last"><a href="#"><img src="images/page4_img4.jpg" alt=""><span></span></a></li>
                                    <li class="last"><a href="#"><img src="images/page4_img1.jpg" alt=""><span></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>