禁用网页滚动

今日改进网页菜单时发现正常情况下,在唤出原生菜单时,会禁用页面的滚动。为了模拟这一行为,有两种方案:一是设置overflow属性。这种情况下,当页面存在滚动条时,滚动条会消失,十分不美观。另一种十分暴力,直接记录当前滚动位置并暴力回滚。经测试在Chrome 74上完美实现禁用滚动效果。代码如下:

x = window.scrollX
y = window.scrollY
window.onscroll = function () {
    window.scrollTo(x, y)
}

WordPress又拍云存储

又拍云提供免费的对象存储与分发服务。通过将资源文件存放在又拍云上,可以节省服务器磁盘和流量并加快网站速度。但是,时至今日,WordPress并没有能用的插件(WordPress5.2.1)。以下提供了一个让WordPress使用又拍云的方案,通过ftpfs和filter系统,不需要使用任何WordPress插件,并完美支持各版本WordPress。

Continue reading “WordPress又拍云存储”

WordPress增加媒体扩展格式

最近要将WordPress上的图片格式转为WebP。但是,WordPress默认不允许这种格式上传。通过简单修改主题的functions.php即可。下附代码:

function twentysixteenz_upload_mimes( $existing_mimes ) {
	$existing_mimes['webp'] = 'image/webp';
	return $existing_mimes;
}
add_filter( 'mime_types', 'twentysixteenz_upload_mimes' );

自定义网站右键菜单

初中的时候,我接触过一个通过侦听oncontextmenu并计算元素位置的方法。在新的html5 contextmenu规范出来前,这个方案还是比较通用的.而且这个菜单可以是任意HTML元素,这就提供了很大的可定制空间,比如可以在菜单里放一个播放器(右键即可看到)。下面给出主要代码:

Continue reading “自定义网站右键菜单”