Scroll snapping works great with scroll but doesn't really play well with javascript.
In this exemple you cran drag cards around using the scroll() function. It works but the cards are not snapping into place at the end.
Sadly, drag and drop scroll is not part of CSS specs at the time.
In the meantime, the only option I can think of is to control the sroll behavior with css and the drag and drop with some level of js.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos iusto consequatur molestiae maxime fuga laborum quod unde eos distinctio perspiciatis accusantium aliquam, facilis dolorem qui repudiandae. Dolore eveniet corrupti excepturi laborum voluptate.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos iusto consequatur molestiae maxime fuga laborum quod unde eos distinctio perspiciatis accusantium aliquam, facilis dolorem qui repudiandae. Dolore eveniet corrupti excepturi laborum voluptate.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos iusto consequatur molestiae maxime fuga laborum quod unde eos distinctio perspiciatis accusantium aliquam, facilis dolorem qui repudiandae. Dolore eveniet corrupti excepturi laborum voluptate.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos iusto consequatur molestiae maxime fuga laborum quod unde eos distinctio perspiciatis accusantium aliquam, facilis dolorem qui repudiandae. Dolore eveniet corrupti excepturi laborum voluptate.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos iusto consequatur molestiae maxime fuga laborum quod unde eos distinctio perspiciatis accusantium aliquam, facilis dolorem qui repudiandae. Dolore eveniet corrupti excepturi laborum voluptate.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos iusto consequatur molestiae maxime fuga laborum quod unde eos distinctio perspiciatis accusantium aliquam, facilis dolorem qui repudiandae. Dolore eveniet corrupti excepturi laborum voluptate.