请问js高手，我想做一个动态的消息提示框，但是用绝对定位的提示框会随滚动条的移动被遮挡？

Posted 2023-03-24

我想做一个动态的消息提示框好是像qq的提示框一样，出现在桌面的右下角：“火箭VS湖人”，我的提示框想出现在桌面的右上角，不会随滚动条的上下移动而被遮挡，请问该如何定位啊？

对于非IE6的浏览器，可以用css解决，position:fixed,bottom:0px,right:0px;
这样可以将提示层固定在浏览器的右下角，但IE6不支持fixed属性，需要通过js进行修正
IE6使用position:absolute然后监听onscroll事件，当发生浏览器滚动事件时，通过js修改bottom的值
document.body.scrollTop获取垂直滚动条距页面顶部的距离(即滚动距离)，根据这个值就可以修改bottom值达到定位浏览器中不随滚动条滚动
注：IE6市场占有份额已不到20%，可考虑不兼容IE6 参考技术A position:fixed;
不过IE6不支持,这个可以用重js计算,然后定位.

请问一下wpf能否实现消息提示框 就像qq消息的那种 右下角弹出 ？能的话 请贴出代码

能，做一个窗口，在需要它弹出的时候，在特定的位置show（）就可以了。追问

其实 我已经解决了 用动画

参考技术A 你好，与你共同学习，下面代码已经编译通过：
public WindowApp()

InitializeComponent();
ShowWindow();

void ShowWindow()

//MessageWindow 是你自定义的窗口消息框，width和height一定要赋值
MessageWindow msgWindow = new MessageWindow () Width = 200, Height = 100 ;
msgWindow.WindowStartupLocation = WindowStartupLocation.Manual;
msgWindow.ShowInTaskbar = false;

msgWindow.Left = SystemParameters.WorkArea.Width - msgWindow.Width;
msgWindow.Top = SystemParameters.WorkArea.Height - msgWindow.Height;
msgWindow.Show();
本回答被提问者和网友采纳 参考技术B // 引用
System.Drawing;

System.Windows.Forms;

// MainWindow_Loaded 事件代码

// 初始化并加载 NotifyIcon
var ni = new System.Windows.Forms.NotifyIcon();
ni.Icon = System.Drawing.SystemIcons.Shield;
ni.Text = "NotifyIcon 示例 (Text)";
ni.BalloonTipText = "如何在 WPF 中使用 NofityIcon...";
ni.BalloonTipTitle = "NotifyIcon 示例 (BalloonTipTitle)";
ni.Visible = true; // 显示 NotifyIcon
ni.MouseClick += (obj, args) =>

var mouse = "Left";
if (args.Button == System.Windows.Forms.MouseButtons.Right) mouse = "Right";
ni.ShowBalloonTip(0, ni.Text,
string.Format("0:HH:mm:dd f 1 MouseClick\r\n如何在 WPF 中使用 NofityIcon...",
DateTime.Now, mouse),
System.Windows.Forms.ToolTipIcon.Info);
;
// BalloonTipClicked 事件
ni.BalloonTipClicked += (obj, args) =>

ni.ShowBalloonTip(1000);
MessageBox.Show("BalloonTipClicked");
;
// 窗口 Closing 事件
this.Closing += (obj, args) =>

ni.Visible = false; // 隐藏 NotifyIcon
;