Question

我一直在我的网站上使用css modal。

每次点击模态时，它都会跳到网站的底部。我找不到问题，因为在CSS模态的演示网站上，一切都很好。

我还包含了javascript“modal.js”。

这是我的site。

任何人都可以帮助我吗？

Answer 1

浏览浏览器控制台：

GET http://drublic.github.io/css-modal/modal2.js 404 (Not Found)

但这似乎不是错误。您将链接上的ID绑定为“http://moritzw.com/#bdk”，浏览器会尝试跳转到位于底部的id = bdk的元素。您应该阻止默认行为。

编辑：

此模块的文档页面中的代码段： http://drublic.github.io/css-modal/site/js/page.js

$(document).on('click', '.gallery a', function (e) {
    e.preventDefault(); // <-- THIS <--

    var $newImage = $(this).html();
    var $oldImage = $('.gallery .big-image').html();

    $('.gallery .big-image').html($newImage);
    $(this).html($oldImage);
});

在这里您可以看到他们不使用与您相同的文件，即使他们使用基于jquery的更改文件和事件预防。

我希望这会回答你的问题。

CSS模式跳到底部

1 个答案: