Question

这就是我的困境：我的窗口中央有一个容器内容。此容器外部是灰色背景，根据窗口大小的大小而变大或变小。我遇到的问题是，如果鼠标位于容器外部，我无法向上/向下滚动此中央容器（如果鼠标位于容器中，它可以正常工作）。我希望达到您在Google文档或此网站here中看到的效果。基本上，我希望能够从窗口中的任何位置滚动此容器。我已经尝试过的一些事情：将鼠标滚动绑定到整个身体 - 这确实有效，但问题是移动设备上没有检测到。将卷轴绑定到身体似乎不起作用，因为身体在技术上是静态的 - 它只是在页面内的内容。

下面是我的模板的一些示例代码（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(); ?>

如何通过滚动所述容器外部来触发容器的滚动

0 个答案: