作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
<分区>
有没有脚本可以停止<herf="#">
从刷新页面?
你可能会问我为什么要这么做?好吧,我正在增强一个旧的 .net web 元素,它使用 nyroModal jQuery 打开一个灯箱,但是当我尝试关闭灯箱时,nyroModal 在 URL 末尾应用哈希(即 #
)并导致页面刷新,从而导致屏幕翻转(糟糕的用户体验)
$(function () {
//set up light box
var width = 766;
var height = 591;
$('.nyroModal').nyroModal({
sizes: {
initW: width, initH: height,
minW: width, minH: height,
w: width, h: height
},
callbacks: {
beforeShowCont: function () {
=$('html').css('overflow', 'hidden');
=//width = $('.nyroModalCont').width();
=//height = $('.nyroModalCont').height();
=$('.nyroModalCont').css('width', width);
=$('.nyroModalCont').css('height', height);
=$('.nyroModalCont iframe').css('width', width);
=$('.nyroModalCont iframe').css('height', height);
=},
=afterResize: function () {
$('html').css('overflow', 'hidden');
},
afterShowCont: function () {
$('html').css('overflow', 'hidden');
},
afterClose: function () {
$('html').css('overflow', 'auto');
//resizeBackground();
}
}
});
});
如果有人能告诉我如何使用 URL 末尾的散列来解决这个令人耳目一新的问题,那就太好了。或者刷新后,我的屏幕位置保持不变。不涨不跌,非常感谢
我是一名优秀的程序员,十分优秀!