所以我使用下面的脚本来平滑地滚动命名锚点,但当目标位于页面中锚点的上方时,它不起作用(不会向上滚动)。
$(document).ready(function(){
$('a[href^="#"]:not(.top)').click(function(event){
event.preventDefault();
var full_url = this.href;
var parts = full_url.split("#");
var trgt = parts[1];
对于移动设备,我希望将所有h1标题转换为可以平滑滚动到目标的锚点。为了实现这一点,当某个设备调整大小时,我只需使用一个h1标记包装a标记的内容,然后在设备返回到桌面宽度时展开a标记的内容。
$(document).ready(function() {
// Add smooth scrolling to all links
$("a").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
我使用的是Wordpress的简易平滑滚动插件。
下面是插件使用的.js文件:
var ss = {
fixAllLinks: function() {
var allLinks = document.getElementsByTagName('a');
for (var i = 0; i < allLinks.length; i++) {
var lnk = allLinks[i];
if ((lnk.href && lnk.href.indexOf('#') != -1) &&am
我正在使用相当标准的平滑滚动javascript链接到我的wordpress网站相同页面上的锚点,它工作得很好。但是,当我试图打开另一个页面上的锚点时,没有从链接/按钮中得到任何响应。就像链接/按钮完全死了一样。如果我右键单击它并在一个新选项卡中选择open,它就能正常工作。如果我从站点标题中删除了违规的javascript,它也能工作。有人能指出冲突可能发生在哪里吗?对于那些可能不熟悉的人来说,这是违规代码:
$(document).ready(function(){
// Add smooth scrolling to all links
$("a").on(