webView2 隐藏滚动条

ops/2024/9/24 15:27:22/

参考:wenview2隐藏滚动条
查看该链接内容,得知其主要是通过css修改body的overflow 属性为:hide.
这里贴出原链接的解决方案:

private void WebView2_NavigationCompleted(object sender, CoreWebView2NavigationCompletedEventArgs e)
{if (e.IsSuccess){((WebView2)sender).ExecuteScriptAsync("document.querySelector('body').style.overflow='hidden'");}
}
//这种方式隐藏了滚动条,且不能滚动

这种方式相当于

<style>
overflow:hidden
</style>

另一种方式:

private void WebView2_NavigationCompleted(object sender, CoreWebView2NavigationCompletedEventArgs e)
{if (e.IsSuccess){((WebView2)sender).ExecuteScriptAsync("document.querySelector('body').style.overflow='scroll';var style=document.createElement('style');style.type='text/css';style.innerHTML='::-webkit-scrollbar{display:none}';document.getElementsByTagName('body')[0].appendChild(style)");}
}

这种方式相当于:

<style>
body{
overflow:scroll;
::-webkit-scrollbar{display:none}
}
</style>

这种方式隐藏滚动条,保留滚动功能。


http://www.ppmy.cn/ops/115335.html

相关文章

面经 | ES6

ES6 ES6set vs weakSetmap vs weakMapPromise创建三个状态 ES6 set vs weakSet 都是集合&#xff0c;只不过weakSet里面只能存引用类型的变量。weakSet相对set的好处就是&#xff0c;可以避免内存泄漏。因为weakSet中的成员&#xff0c;如果在外部消失了&#xff0c;会自动消…

MySQL—视图详解

基本介绍 视图概念&#xff1a;视图是一种虚拟存在的数据表&#xff0c;这个虚拟的表并不在数据库中实际存在。 本质&#xff1a;将一条 SELECT 查询语句的结果封装到了一个虚拟表中&#xff0c;所以在创建视图的时候&#xff0c;工作重心要放在这条 SELECT 查询语句上。 作…

企业如何做可视化数据看板

在当今快速发展的商业环境中&#xff0c;数据无疑是企业决策的重要依据。而数据的有效展示&#xff0c;尤其是通过可视化数据看板&#xff0c;将直接影响企业的业务表现和决策效率。数聚股份将从多年的从业经验来告知企业如何构建高效的可视化数据看板&#xff0c;为决策提供有…

Spring Security 详解:保护Java应用的强大盾牌

在Java企业级开发中&#xff0c;安全性始终是一个至关重要的考虑因素。Spring Security作为Spring框架的一个重要子项目&#xff0c;提供了一个功能强大、可高度定制的身份验证和访问控制框架&#xff0c;帮助开发者轻松实现应用程序的安全性管理。本文将详细介绍Spring Securi…

iPhone 16 开始支持全新的 JPEG XL 格式

iPhone对互联网世界的再定义一直让人惊叹。特立独行的mov视频格式&#xff0c;m4a音频格式都处处透着自己的野望。 现在&#xff0c;新的iPhone 16 加入了对下一代图像编码标准 JPEG XL 的支持。这又多了一个换机的理由。 注意&#xff1a;JPEG XL 于 2022 年标准化&#xff…

C语言编译四大阶段

目录 一、引言 二、预处理阶段 三、编译阶段 四、汇编阶段 五、链接阶段 六、总结 本文将详细介绍C语言编译的四个阶段&#xff0c;包括预处理、编译、汇编和链接。通过学习这些阶段&#xff0c;读者可以更好地理解C语言程序的编译过程&#xff0c;提高编程效率。 一、引…

Centos7.9在K8s安装生产级别的分布式存储Rook+Ceph

1.介绍 在k8s云原生平台中&#xff0c;存储是除了网络之外的另一个核心&#xff0c;因为他涉及到了数据的保存&#xff0c;以及容灾等一系列的问题&#xff0c;做生产级别的应用&#xff0c;一定要具有多节点分布式&#xff0c;灾备及时恢复&#xff0c;数据平滑迁移等多种特性…

基于MindSpore实现Transformer机器翻译(下)

因本文内容较长&#xff0c;故分为上下两部分。上部分可点击以下链接查看 基于MindSpore实现Transformer机器翻译&#xff08;上&#xff09; 编码器&#xff08;Encoder&#xff09; Transformer的Encoder负责处理输入的源序列&#xff0c;并将输入信息整合为一系列的上下文…