你可以使用Atlaskit Modal组件的scrollBehavior
属性来处理触摸滚动。下面是一个使用scrollBehavior
属性的示例代码:
import React, { useState } from 'react';
import Modal from '@atlaskit/modal-dialog';
const ModalWithScrolling = () => {
const [isModalOpen, setIsModalOpen] = useState(false);
const handleOpenModal = () => {
setIsModalOpen(true);
};
const handleCloseModal = () => {
setIsModalOpen(false);
};
return (
{isModalOpen && (
{/* Add your content here */}
)}
);
};
export default ModalWithScrolling;
在上述代码中,我们使用了scrollBehavior
属性,并将其设置为outside
。这将允许模态框外部的区域进行滚动,而不是模态框内部的内容进行滚动。
请注意,你需要根据你的实际需求修改代码中的内容。你可以在 希望这可以帮助到你!style
属性应用于包装内容的相关内容