Skip to content

Instantly share code, notes, and snippets.

View sttk's full-sized avatar

Takayuki Sato sttk

21 followers · 4 following
  • self-employed
  • Saitama, Japan
View GitHub Profile
@sttk
sttk / windowScrollPosition.html
Last active March 31, 2017 12:39
Window Scroll Position
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<style>
html { font-size: 12px; }
div.background-view { width: 1000px; height: 1000px; }
div.print-area { position: fixed; top: 10px; left: 10px; padding: 10px; }
</style>
</head>
@sttk
sttk / windowPropsUsages.md
Created March 30, 2017 20:39
Window Properties Usages

Window Properties Usages

In the specification about Window object [CSSOM View Module], the following properties related to window position and size are specified:

  • innerWidth
  • innerHeight
  • scrollX
  • scrollY
  • pageXOffset
@sttk
sttk / scrollbarWidth.html
Last active October 15, 2017 21:36
Scroll Bar Width
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>scrollbar test</title>
</head>
<body>
<script>
var divTag0 = document.createElement('div');
@sttk
sttk / rootFontSize.html
Last active March 31, 2017 12:34
Root Font Size
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>root font size</title>
<style>
div#d1 { background-color: #fdd; }
div#d2 { background-color: #fbb; }
div#d3 { background-color: #f99; }
div#d1 > span { background-color: #99f; }