Fix bugs and add a feature. (#22)

* Added the ability to follow scrolls to elements.
* Fix the unable view bug.

Author: ktrysmt

dist/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Quick Custom GSearch",
-  "version": "0.7.3",
+  "version": "0.7.5",
   "description": "Quick access for custom search functions",
   "page_action": {
     "default_icon": "19.png"

dist/script.js

@@ -40,8 +40,8 @@ div.quick-custom-gsearch .language {
   margin-top: 5px;
 }
 
-div.quick-custom-gsearch .term span.head, 
-div.quick-custom-gsearch .language span.head { 
+div.quick-custom-gsearch .term span.head,
+div.quick-custom-gsearch .language span.head {
   height: 1.7em;
   display: block;
   padding: 8px 0 0 6px;

dist/style.css

@@ -11,7 +11,7 @@
     "webpack-cli": "^3.3.12"
   },
   "scripts": {
-    "start": "yarn build:dev -- -w",
+    "start": "webpack -d -w",
     "lint": "eslint --fix src/**/*.js",
     "test": "mocha -c --require test/setup.js test/**/*.spec.js",
     "build:dev": "webpack -d",

package.json

@@ -32,6 +32,21 @@ const Add = () => {
   return false;
 };
 
+const CallOnscroll = () => {
+  function fixing() {
+    const e = document.querySelector('.quick-custom-gsearch');
+    const y = window.scrollY;
+    if (y > 90) {
+      e.style.position = 'fixed';
+      e.style.top = '70px';
+    } else {
+      e.style.position = 'absolute';
+      e.style.top = '159px';
+    }
+  }
+  window.onscroll = fixing;
+};
+
 const Main = () => {
   const Observer = new MutationObserver(() => {
     Add();
@@ -42,6 +57,8 @@ const Main = () => {
     Add();
     Observer.observe(elm, { childList: true });
   }
+
+  CallOnscroll();
 };
 
 Main();

src/main.js

@@ -10,7 +10,7 @@ const MainView = {
     return mainDiv;
   },
   BindElement(div) {
-    const ucs = document.querySelector('div#ucs');
+    const ucs = document.querySelector('div#main');
     ucs.insertBefore(div, ucs.firstChild);
   },
 };

src/mainView.js

@@ -2,7 +2,7 @@ const Model = require('./model.js');
 
 const Parser = {
   IsUCS() {
-    const ucs = document.querySelector('div#ucs');
+    const ucs = document.querySelector('div#main');
     return ucs !== null;
   },
   IsTextSearch() {