Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用锚定和:目标css选择器而不重写URL_Javascript_Css_Url_Url Rewriting_Anchor - Fatal编程技术网

Javascript 使用锚定和:目标css选择器而不重写URL

Javascript 使用锚定和:目标css选择器而不重写URL,javascript,css,url,url-rewriting,anchor,Javascript,Css,Url,Url Rewriting,Anchor,我想使用目标css选择器和锚来管理我网站上的选项卡,但我不想修改我的url。如何防止url重写 也可以防止滚动到元素?怎么做 我试过拦截: $('a[href^=#]').on 'click', (event)-> event.preventDefault() 但是不起作用。它不起作用,因为这样,或者你的链接在点击时会做出反应,它会把你带到你的锚,或者它没有得到点击,不会带你去任何地方 诀窍是在目标元素的正前方或正内部使用旧方法()的锚定,并将锚定设置在位置:固定;排名:0;左:

我想使用目标css选择器和锚来管理我网站上的选项卡,但我不想修改我的url。如何防止url重写

也可以防止滚动到元素?怎么做

我试过拦截:

$('a[href^=#]').on 'click', (event)->
    event.preventDefault()

但是不起作用。

它不起作用,因为这样,或者你的链接在点击时会做出反应,它会把你带到你的锚,或者它没有得到点击,不会带你去任何地方

诀窍是在目标元素的正前方或正内部使用旧方法(
)的锚定,并将锚定设置在
位置:固定;排名:0;左:0
,这样您的锚定始终保持在屏幕顶部,无需滚动

问题是,如果要访问的内容在屏幕外且处于正常流中,您的锚就会变得效率低下。我想你有一个很好的理由想避免你的页面变得紧张:)

也许这可以帮助你