如何通过滚动所述容器外触发容器的滚动(How to trigger scroll of contai

2019-10-28 10:52发布

这是我的困境:我有一个在我的窗口中心中运行的内容的容器。 这个容器的外面是一个灰色的背景下,变大或变小根据窗口大小有多大。 我遇到的问题是,我不能,如果鼠标在容器(它正常工作,如果鼠标在容器)外面向上/向下滚动这个中心的容器。 我想实现你在谷歌文档看看效果或本网站这里 。 所以基本上,我希望能够从窗口中的任意点滚动此容器。 有些事情我已经尝试:结合鼠标滚动到全身 - 这样做的工作,但问题是,有关于手机没有检测到。 结合滚动到身体似乎并没有工作,要么因为身体在技术上是静态的 - 它只是在它的内容是下降的页面。

这里是我下面的模板的一些示例代码(nonhome_container是什么,我想获得滚动):

  </pre>
  <div class="full-width" id="content">
    <?php
   // Run the page loop to output the page content.
   if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
      <article id="post-<?php the_ID(); ?>">>
        <div id = "nonhome_container">

            <div id = "nonhomecontent_container_small">

                 <?php if ( ! is_front_page() ) { ?>
                    <h2 class="entry-title">
                      <?php the_title(); // Display the page title ?>
                    </h2>
                 <?php } ?>
                 <div id = "nonhome_linebreak"></div>

                    <div id="contact-content">
                      <?php the_content(); 
                      // This call the main content of the page, the stuff in the main text box while composing.
                      // This will wrap everything in p tags
                      ?>
                      <?php wp_link_pages(); // This will display pagination links, if applicable to the page ?>
                    </div><!-- the-content -->

                <div id = "nonhome_linebreak"></div>

            </div>

         </div>
      </article>
      <!-- #post-## -->

   <?php endwhile; ?>

  </div>
<?php get_footer(); ?>
文章来源: How to trigger scroll of container by scrolling outside of said container