为了使窗口无边框,使得在某些时候让项目看起来更美观,所以在创建窗口的时候通过设置 frame 属性的值为 false 来创建无边框窗口.但是无边框窗口会产生无法移动的问题,对于这个问题我们可以在渲染进程中通过编辑 css 文件来解决. 设置 -webkit-app-region: drag 把整个文档都变成了一个可拖拽的对象: body,html { -webkit-app-region: drag; } 现在拖动的问题解决了,但是原来所有的点击事件却失效了,为此我们通过设置部分的这个属性值为 

在2.3/2.4版本中,新版谷歌浏览器(43.44版本)里面painted事件是不会触发的,以及carousel 控件.togglefield控件.滚动条失效,官方的解决方案如下,测试可用 会出现这个问题是因为st开发人员忽略了以下警告造成的 在app.js中执行以下代码即可,放到launch方法里面哦. Ext.override(Ext.util.SizeMonitor, { constructor: function (config) { var namespace = Ext.util.s

在苦逼写页面的时候,发现有种情况overflow-x: hidden失效了,chrome表现完好,qq浏览器有问题,微信上面展示有问题. 微信上面展示是一样能够滑动的. 如果出现类似问题的同学,请试一下在众div的container上加一个position: absolute; 什么原因呢,这个动画页面,有div是width:100%,并且位置在left:100%;的位置,运动到left:-100%;的位置,所以一开始在微信上面表现是出现滚动条的. 设置了overflow:hidden和over

android2.3的不支持滚动条,并且scrollTop也不支持的.(设置overflow未hidden就可以支持). function noBarsOnTouchScreen(arg) { var elem, tx, ty; if('ontouchstart' in document.documentElement ) {           if (elem = document.getElementByIdx_x(arg)) {               elem.style.over

1:<iframe scrolling="auto" frameborder="0" src="' + add + '" style="width:100%;height:100%;overflow:scroll;overflow-x:hidden">'; 2:记得去掉iframe的标准,然后调整iframe下面的body:/*滚动条样式*/ body::-webkit-scrollbar {/*滚动条整体样式*/

如下图,是一种常见的页面结构,我们可以有很多方法实现,inline-block,float,flex等等 但是,最近项目中遇到一个怪事,左边是侧边栏导航,右边是一个数据展示table,el-table的横向滚动条死活不出来. 我是采用flex布局,这里简单贴一下css源码 : (page 页面根容器 sidebar 左侧导航,main-content 右侧主体内容区) .page { display: flex; } .sidebar { width: 150px; margin-right:

window.onscroll = function(){ var sl = -Math.max(document.body.scrollLeft,document.documentElement.scrollLeft); document.getElementById("id").style.left = sl + 'px'; //重新设置横向滚动条位置 }

#iframe-wrap { position: fixed; top: 100px; bottom: 0px; left: 0px; right: 0px; -webkit-overflow-scrolling: touch; overflow-y: scroll;} #iframe-wrap iframe { border: none; width: 100%; height: 101%;} <div id="iframe-wrap"> <iframe src=&

在HTML中,要实现区域内容的滚动,只需要设定好元素的宽度和高度,然后设置CSS属性overflow 为auto或者scroll:   在Flex box布局中,有时我们内容的宽度和高度是可变的,无法确定下来,这时候设置滚动条,可能会失效.只要记住几个关键要素,就可以解决这个问题. 1.清楚的知道当前元素的flex flow 如果要设置水平滚动条,那么父元素的flex-flow要设置为row,如果要设置纵向滚动条,那么父元素的flex-flow要设置为column. 2.flex设置为1 3.滚

一.前言 用户千千万,自然需求就千奇百怪都有,某天有人提了这样一个需求: 某个 C1DataGrid 在 ScrollViewer 的底部(使纵向滚动条显示出来),然后当该 C1DataGrid 增加新行时(即手动调用 BeginNewRow() 方法),首先不能离开编辑状态,并且还要让滚动条自动滑动到顶部: 本来这种需求很简单, C1DataGrid 的 BeginNewRow() 方法,再调用 ScrollViewer.ScrollToTop(); 就可以了:可怪异的问题就出现在这两句了,

1. 前言 在开发面向现代智能手机的移动Web应用的时候,无法避免一个事实,就是需要开发单页应用(Single Page WebApp).对于不同的系统需求,单页应用的粒度会不同,可能是整个系统都使用一个页面装载,也可能是按模块分为独立页面装载.在开发单页应用时第一个要处理的问题就是页面结构化,由于多个功能集中在一个页面呈现,就必然需要考虑如何实现多个视图布局?如何实现视图之间动画切换?等问题. 下面我就来讲述下手机搜狐前端团队在单页应用开发的页面结构化上做过的一些尝试与努力. 2. 页面视图

1. 前言 在开发面向现代智能手机的移动Web应用的时候,无法避免一个事实,就是需要开发单页应用(Single Page WebApp).对于不同的系统需求,单页应用的粒度会不同,可能是整个系统都使用一个页面装载,也可能是按模块分为独立页面装载.在开发单页应用时第一个要处理的问题就是页面结构化,由于多个功能集中在一个页面呈现,就必然需要考虑如何实现多个视图布局?如何实现视图之间动画切换?等问题. 下面我就来讲述下手机搜狐前端团队在单页应用开发的页面结构化上做过的一些尝试与努力. 2. 页面视图

一.SenchaTouch的hello world实例: Ext.application({ name:'myapp', icon:'images/icon.png', glossOnIcon:false, phoneStartupScreen:'images/phone_startup.png', tabletStartupScreen:'images/tablet_startup.png', launch:function(){ var panel=Ext.create('Ext.Panel

本篇博文会不断的收录我在做H5页面时遇到的问题以及解决方案,当然有的问题,我也没有遇到好的解决方案,所以如果你有解决的办法,请务必不吝赐教! H5开发中的故障       微信APP返回按钮不刷新页面       返回上一页       JSSDK 分享内容动态改变       JSSDK 跨域的分享链接 [..持续更新中..] 微信APP返回按钮不刷新页面 该问题出现在 iphone7的微信上,当一个活动存在多个页面,那么如果进入第二个页面时,再点击微信 app上的返回按钮,虽然可以返回 hi

前言 才发现已经有一段时间没有写博客了,就简单的说了最近干了啥吧.前段时间忙了杂七杂八的事情,首先弄了个个人的小程序,对的,老早就写了篇从零入手微信小程序开发,然后到前段时间才弄了个简单的个人小程序,主要是关于菜式方面制作的,原因么,就在我另外一件事情上有说到了,就是然后又弄了个个人的公众号<前端美食汇>(附:个人介绍链接).大概之前就干了这两事.不过老实说也不用多少时间.搞得好像用了我很多时间似的,哈哈,还是懒~~~ 重点补充下,以为博客的文章的侧重点会在解决项目上遇到的实际问题,而在公众号

本文档长期不定时更新,根据使用情况进行反馈. 目录 编译 Error creating SSL context 无法输入中文 如何打包使用 桌面图标 Markdown Windows 版本差异 常用快捷键 数据存储在哪里Bug Web版本bug 客户端 编译 我环境deepin 15.4.1,自带商店里的为知笔记版本是2.5.5,安装了不能用(滚动条失效,笔记不显示,无法退出等等很多问题).自己编译了2.5.5,也是一样的不好用.然后编译了2.5.6,目前用起来一切正常. 编译guide:htt

https://zeptojs.com 轻量级的 JavaScript 库,移动端优先框架 针对移动端,处理了一系列如 click 点击延迟 毫秒 响应执行快 目前 API 完善的框架中体积最小的一个(能用于项目的) 与 jQuery 相同点: 语法与 jQUery 大部分一样,相当于 jQuery 的子集,都是以 $ 核心函数 不同点: zepto 体积更轻,针对移动端,拥有独特的移动端事件,且以上特点 zepto 全部适用 引入 zepto.js 核心库(zepto.ajax.event.f

移动端事件 三个事件 touchstart 手指触摸 相当于PC端 mousedown touchend 手指抬起 相当于PC端 mouseup touchmove 手指滑动 相当于PC端 mousmove 注意: touch事件在chrome的模拟器下,部分版本通过on的方式来添加事件无效,这时候需要事件监听的方法 addEventListener("事件名",函数,冒泡或捕获),它有以下优点: 不会存在事件前后覆盖问题 在chrome的模拟器下可以一直识别 写法如下: box.ad

公司的一个项目需要开发跨平台,由于整个项目完全由我一个人开发,本人也是初次接触 Electron,开发过程中遇到了不少坑,同样的代码 Windows 下复制和粘贴没有问题,Mac 下复制和粘贴失效,在网上搜了一下都是菜单栏 相关的文章:https://www.jianshu.com/p/65eccd2b62f5 只好自己去 Electron Api 中找,随手一搜还真搜到了一个,不知道能否解决问题. contents 对象是 webContents,webContents 可以通过 Window

基于vue3+electron11跨端仿制QQ桌面应用实战Vue3ElectronQchat. 使用vue3+electron+vuex4+ant-design-vue+v3scroll+v3layer等技术构建跨平台模仿QQ|TIM界面聊天应用.实现了发送富文本消息.图片/视频/链接预览.拖拽发送图片.调用dll截图.朋友圈等功能.支持多开窗口|父子modal窗口.换肤等操作. 一.技术栈 编码工具:vscode 框架技术:vue3.0+electron11.2.3+vuex4+vue-rou