c#-在屏幕调整大小时自动移动剑道通知
作者:互联网
有人在调整窗口大小时知道如何移动剑道通知吗?即当一个窗口全屏显示时.
我遇到一个问题,当有人将我的应用程序更改为全屏显示时,通知会覆盖一些链接,我想避免这种情况.
任何帮助和建议,将不胜感激.
解决方法:
您可以使用jQuery移动它.例如,要将其从右下角保留10个像素,可以使用以下代码:
$(window).on('resize', function(e){
var notificationContainer = $(".k-notification").parent();
notificationContainer.css('top', $(window).height() - notificationContainer.outerHeight() - 10);
notificationContainer.css('left', $(window).width() - notificationContainer.outerWidth() - 10);
});
请注意,如果您打算一次收到多个通知,则将需要更复杂的代码,否则它们将相互重叠:
//move all notfication starting 10px from bottom right corner
$(window).on('resize', function(e){
var notifications = $(".k-notification");
var maxTop = 0, lastElement;
notifications.each(function(index, value){
var thisPosition = $(value).parent().position();
if(thisPosition.top > maxTop){
maxTop = thisPosition.top;
lastElement = $(value).parent();
}
});
var newTop = $(window).height() - lastElement.outerHeight() - 10;
var topChange = maxTop - newTop;
notifications.each(function(index, value){
var notificationContainer = $(value).parent();
notificationContainer.css('top', notificationContainer.position().top - topChange);
notificationContainer.css('left', $(window).width() - notificationContainer.outerWidth() - 10);
});
});
标签:asp-net-mvc-5,kendo-ui,c 来源: https://codeday.me/bug/20191028/1954996.html