滚动条内任意位置弹框居中
时间: 2023-07-06 15:13:45 浏览: 72
要实现滚动条内任意位置弹框居中,可以使用 JavaScript 来计算弹框的位置并设置样式。
首先,计算弹框应该显示在滚动条内的哪个位置。可以使用以下代码:
```javascript
// 获取滚动条的位置
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
// 获取浏览器窗口的高度
var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
// 计算弹框应该显示的位置
var top = scrollTop + (windowHeight - popupHeight) / 2;
```
其中,`popupHeight` 是弹框的高度。
接着,设置弹框的样式:
```javascript
// 设置弹框的位置
popup.style.top = top + 'px';
popup.style.left = (document.documentElement.clientWidth - popupWidth) / 2 + 'px';
```
其中,`popupWidth` 是弹框的宽度。
这样,就可以使弹框居中显示在滚动条内任意位置了。
相关问题
MessageBox 弹框 滚动条
如何隐藏?
您可以使用以下代码隐藏 MessageBox 弹框的滚动条:
MessageBox.Show("Your message here", "Title", MessageBoxButtons.OK, MessageBoxIcon.Information, MessageBoxDefaultButton.Button1, MessageBoxOptions.DefaultDesktopOnly | MessageBoxOptions.ServiceNotification | MessageBoxOptions.RightAlign | MessageBoxOptions.RtlReading | MessageBoxOptions.DefaultDesktopOnly | MessageBoxOptions.DefaultDesktopOnly);
QTableWidget限制滚动条出现的位置
你可以使用`setVerticalScrollBarPolicy`和`setHorizontalScrollBarPolicy`函数来限制QTableWidget中垂直和水平滚动条出现的位置。例如,以下代码将限制垂直滚动条只在QTableWidget中显示行数大于5的情况下出现:
```python
tableWidget.setVerticalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff) # 禁用垂直滚动条
if tableWidget.rowCount() > 5:
tableWidget.setVerticalScrollBarPolicy(QtCore.Qt.ScrollBarAsNeeded) # 仅在行数大于5时启用垂直滚动条
```
同样,以下代码将限制水平滚动条只在QTableWidget中显示列数大于3的情况下出现:
```python
tableWidget.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff) # 禁用水平滚动条
if tableWidget.columnCount() > 3:
tableWidget.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAsNeeded) # 仅在列数大于3时启用水平滚动条
```
注意,`QtCore.Qt.ScrollBarAlwaysOff`表示始终禁用滚动条,`QtCore.Qt.ScrollBarAsNeeded`表示只有在需要时才启用滚动条,`QtCore.Qt.ScrollBarAlwaysOn`表示始终启用滚动条。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)