如何做一个可拖动的 expandlble div (React, Tailwind)
How to do a draggable expandlble div (React, Tailwind)
我正在尝试获取与此页面上的内容类似的内容
这是来自 Tailwind CSS website、
我对可以缩小父 div.
的 sidegraber thingy 感兴趣到目前为止，我一直在尝试使用 vanilla css 'resize' 标签：
resize: horizontal;
overflow: auto;
但效果不是很好
有小费吗？谢谢！
您实际上可以检查 Tailwind 站点以查看其 css，因为它实际上使用了 Tailwind :D
可以看到父div是相对的，它包含2个div，一个空，一个有内容。当你移动 grabby thingy 时，你设置了空白 div 的边距，并将 grabby thingy 向左平移相同的量。在示例中，我将 thingy 55px 拖到了左边，所以它向左平移了 55px，并在空的 div 中添加了边距（又是 55px）。
您可以通过第一次单击并开始拖动时的 Xposition 减去当前 mouseX 位置来计算此像素值。
我正在尝试获取与此页面上的内容类似的内容
这是来自 Tailwind CSS website、
我对可以缩小父 div.
的 sidegraber thingy 感兴趣到目前为止，我一直在尝试使用 vanilla css 'resize' 标签：
resize: horizontal;
overflow: auto;
但效果不是很好
您实际上可以检查 Tailwind 站点以查看其 css，因为它实际上使用了 Tailwind :D
可以看到父div是相对的，它包含2个div，一个空，一个有内容。当你移动 grabby thingy 时，你设置了空白 div 的边距，并将 grabby thingy 向左平移相同的量。在示例中，我将 thingy 55px 拖到了左边，所以它向左平移了 55px，并在空的 div 中添加了边距（又是 55px）。 您可以通过第一次单击并开始拖动时的 Xposition 减去当前 mouseX 位置来计算此像素值。