Popper.js를 사용하여 On-Page Speech Bubbles 만들기

모두가 알고있다. 툴팁 당신이 그들을 만드는 데 도움이되는 수십 가지 무료 자원이 있습니다. 하나, 사용자 지정 메시지 거품 또는 “방아쇠” 또한 매우 유용하다..

그들 호버 이벤트에만 국한되지 않습니다., 따라서 페이지에 일관되게 나타나고 다른 사용자 동작을 해결할 수 있습니다..

이들을 만들려고한다면 연설 거품 포퍼 귀하의 사이트에 Popper.js 최고의 선택입니다. 공식 js.org 웹 사이트에서 무료로 제공되는 오픈 소스 플러그인입니다..

복잡한 인터페이스가있는 많은 웹 사이트에서 이러한 거품 도움말을 찾을 수 있습니다. 때때로 그들은 제공 할 것이다. 빠른 팁, 연습, 과 온 보딩 조언 인터페이스를 처음 사용하는 사람들을위한.

Popper.js를 사용하면 툴팁을 만들 때 사용자가 마우스를 올릴 때까지 기다릴 필요가 없습니다. 대신 포퍼에게 강제로 어디서나 나타나다., 모든 크기, 어떤 색깔, 동적 포지셔닝.

Popper.js 데모 페이지에서 내 뜻을 확인하십시오. 그것은 함께 제공됩니다. 다양한 위치 지정 기능 화면 위치를 기반으로 포퍼 위치를 자동 반전 할 수 있습니다..

사용자가 페이지를 아래로 스크롤하면 포퍼 버블이 손실 될 수 있습니다. 이 플러그인을 사용하면 그것을 다시 시야에 넣다 사용자의 스크롤 방향에 따라 위 또는 아래로 뒤집어서.

경계, 화살표 위치, 툴팁 색상 등을 완벽하게 제어 할 수 있습니다. 이 플러그인은 화려하고 완전히 확장 성있는 믹스에 자신의 기능을 추가하려면.

GitHub에서 모든 소스 코드를 무료로 사용할 수 있습니다..

시작하려면 문서 페이지 전체 가이드. 이 스크립트는 필요한 스크립트, 사용자 지정 포퍼 설정 방법 및 다른 뷰포트 옵션 구성 방법을 알려줍니다. 최선의 리소스는 주 Popper.js 페이지, 데모 풍부하고 풍부한 코드 샘플.

개발에 대한 자세한 내용은 제작자 Federico Zivolo가 작성한이 블로그 게시물을 확인하십시오..