<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body><span class="vcard"><a class="email" href="mailto:50167214&#64;qq.com" title="yisibl &lt;50167214&#64;qq.com&gt;"> <span class="fn">yisibl</span></a>
</span> changed
              <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - A scroller with &quot;scroll-snap-coordinate&quot; descendants needs interdependent X and Y snap offsets"
   href="https://bugs.webkit.org/show_bug.cgi?id=145157">bug 145157</a>
        <br>
             <table border="1" cellspacing="0" cellpadding="8">
          <tr>
            <th>What</th>
            <th>Removed</th>
            <th>Added</th>
          </tr>

         <tr>
           <td style="text-align:right;">CC</td>
           <td>
               &nbsp;
           </td>
           <td>50167214&#64;qq.com
           </td>
         </tr></table>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - A scroller with &quot;scroll-snap-coordinate&quot; descendants needs interdependent X and Y snap offsets"
   href="https://bugs.webkit.org/show_bug.cgi?id=145157#c2">Comment # 2</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - A scroller with &quot;scroll-snap-coordinate&quot; descendants needs interdependent X and Y snap offsets"
   href="https://bugs.webkit.org/show_bug.cgi?id=145157">bug 145157</a>
              from <span class="vcard"><a class="email" href="mailto:50167214&#64;qq.com" title="yisibl &lt;50167214&#64;qq.com&gt;"> <span class="fn">yisibl</span></a>
</span></b>
        <pre>We must support offset value(Firefox 39 also supported: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-coordinate">https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-coordinate</a>)

Like this:

scroll-snap-coordinate: top right 10px;
scroll-snap-coordinate: bottom 10px right 20px;

and scroll-snap-destination

scroll-snap-destination: top right 10px;
scroll-snap-destination: bottom 10px right 20px;

See also <a href="http://dev.w3.org/csswg/css-backgrounds-3/#position">http://dev.w3.org/csswg/css-backgrounds-3/#position</a></pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>