允许在上一个和下一个按钮上滑动

Question

我有一个设计，要求上一个和下一个箭头共享滑块的大小。但是，由于这两个都占据了滑块的整体大小，因此似乎不会发生滑动或拖动事件。我目前正在通过光滑的滑块设置添加按钮：

nextArrow: <div/>,
prevArrow: <div/>

以下是显示上一个和下一个按钮样式的示例：

我想以某种方式通过按钮转发滑动事件...或以某种方式更改滑块滑动处理程序的位置。我不太确定是否可以使用光滑的滑块轻松完成此操作，或者是否还有其他更好的选择。