Giter VIP home page Giter VIP logo

notebook's Introduction

notebook

my notebook 📒

notebook's People

Contributors

zuopf769 avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

cardsix caraxiaoke thefakeworld zhangli20080808 hope2012 jamellygg libin1991 web-yuzm lass-name lc11235 miyu28 m69w zachbird andym129 metea myhelloos mendylee tobenumerone coco-wan wangchongfeng ofroad gg343917542 zbage vivinbear zengzimo sfancy floatsword edisonchen00001 aches colinrds elaine87 yynice txfyteen baobao12356 bigironball waihoyu novatf kidzhy yangyifan584921 surplus-cat guoqi668 sunflower8th yytango growthworld jaccheng yongbolu shilanbin 178818846 archive-j pepperdiyu jtoddforeman 407365100 pheeno shudongli itaster ruinan zijjj ryanxjs 7boy rsalive sansenlian crise420wmt zoena-li tianhaoliang beijingsc chuyunlin hhy5277 sorayama uniquenaer may529 guoyuexin zhengzilong derrellmoore zhenhuachen liuguoxionglang get-sunshine vi-jay chouzejkl huangshengyi jinjianfeng honeyzy ronyland xml00007 ymm0008 sydboys wwter12 coollaughing666 jackysz myenglandgirl qyang-pp code-white999 time-merchant shipeifei keee1210 songchunfan qzcsgs xiliubianbian kerrycodes c237878 aboutdever

notebook's Issues

禁止微信页面及iOS Safari拖动露底效果 (橡皮筋)

花式提升移动端交互体验

解决思路很明显：当容器可以滑动时，若已经在顶部，禁止下滑；若在底部，禁止上滑；容器无法滚动时，禁止上下滑。

基本实现方式是通过 document 上监听 touchstart 和 touchmove 事件，判断滑动方向；判断滑动事件的触发 target 祖先元素是否有可滑动元素，无则直接阻止冒泡。
若有这种祖先元素，判断其状态：offsetHeight >= scrollHeight 高度不够发生滚动，阻止冒泡；若可滚动 scrollTop === 0 即在顶部，阻止下滑的冒泡；若 scrollTop + offsetHeight >= scrollHeight 已经滑到底，阻止上滑的冒泡。

还需注意的是，要先判断滑动时 x 轴位移是否大于 y 轴 ，即是否是水平滑动，防止“误伤”一些水平滚动的元素。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.