在移动端实现父子元素都有滚动条时滑动优先滚动父元素，你可以使用CSS的position属性和overflow属性来实现。以下是一个简单的示例：

首先，你需要设置一个父元素作为滚动区域：

css .parent { overflow-y: auto; height: 200px; }

然后，你可以在子元素中设置position属性为relative或absolute，并将滚动区域设置为父元素的父元素。这样，子元素就会在滚动区域的上部或下部添加滚动条。当滚动条被点击时，子元素就会滑动到滚动区域的上部或下部。

css .child { position: relative; overflow-y: auto; height: 100%; top: 0; left: 0; }

这样，无论滚动条在哪个子元素上被点击，子元素都会滑动到滚动区域的上部或下部。

css .child:hover { overflow-y: auto; height: 100%; }

这样，当用户在滚动页面时，滚动条会在子元素上显示出来，且当用户点击滚动条时，子元素会滑动到滚动区域的上部或下部。