要解决Safari浏览器手势导航冲突导致页面跳转失效的问题，可以尝试以下方法进行兼容：
1. 使用JavaScript监听`touchstart`和`touchend`事件，以便在用户触摸屏幕时触发相应的操作。
javascript
document.addEventListener('touchstart', function(event) {
// 在这里处理触摸开始事件
});
document.addEventListener('touchend', function(event) {
// 在这里处理触摸结束事件
});

2. 如果需要在触摸过程中实现页面跳转，可以使用`window.location.href`属性来改变当前URL。
javascript
function handleTouchEnd() {
window.location.href = 'https://example.com';
}
document.addEventListener('touchend', handleTouchEnd);

3. 对于需要使用手势导航的场景，可以考虑使用第三方库，如Hammer.js或jQuery UI的Touchpunch插件。
4. 在CSS中设置适当的样式，以便在触摸事件发生时显示正确的导航元素。
css
@media screen and (max-width: 600px) {
/* 在这里添加触摸设备上的样式 */
}

5. 如果问题仍然存在，可以尝试在Safari浏览器的开发者工具中查看控制台日志，以获取更多关于问题的详细信息。